首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Slog95_使用React框架进行前端开发7

ArthurSlog

SLog-95

Year·1

Guangzhou·China

October 11th 2018

个人网站:http://www.arthurslog.com

CSDN:https://blog.csdn.net/u010997452/article/list/1

GitHub:https://github.com/BlessedChild/ArthurSlog

NPM:https://www.npmjs.com/~arthurslog

掘金:https://juejin.im/user/59f2a424f265da432f305c66/posts

简书:https://www.jianshu.com/u/b9ebe10f0534

segmentfault:https://segmentfault.com/u/arthurslog/articles

勇于敢则杀 勇于不敢则活 此两者 或利或害 天之所恶 孰知其故?

开发环境MacOS(Mojave 10.14 (18A391))

信息源

userAgent: http://www.w3school.com.cn/jsref/propnavuseragent.asp

Less: http://lesscss.org/

Webpack: https://webpack.js.org

jakoblind: https://webpack.jakoblind.no/

开始编码

参考 W3C 标准

凭借 userAgent,我在页面加载前对页面进行填充

在这里 我分成了 mobile 和 pc 两套页面

当判断客户端是移动端的话,就装载 mobile端 的页面

当判断客户端是pc的话,就装载 pc端 的页面

工程的结构也 更新为 更加明显的结构

同时,设置 html节点的font-size为一个定值

页面上的字体采用 css3 的 rem单位特性(随着根节点font-size的大小变化而变化)

这次也重写了部分 pc端 页面的样式

更新了README,描述了 产品的设计框架

工程文件已经上传至Github:https://github.com/BlessedChild/ArthurSlogStore_1

至此,实现了mobile端 和 pc端 的页面适配。

如果你喜欢我的文章 欢迎点赞 留言

谢谢

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181011G0EDLX00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券