February 21, 2016

mobile website development

以iPhone 6(使用Chrome developer tools)作为参考效果调试界面,iPhone 6竖屏css宽度750px,根据lib-flexible框架计算html font-size为750/10=75px。 px单位与rem换算方法:例如某按钮宽度为150px,则在iPhone 6效果下的rem尺寸为html像素尺寸除以根元素font-size大小,即150/75=2rem。 图片如何自适应?设置到div的background-image中,设置background-size为100%,再调整div的尺寸,即div在不同设备下尺寸变化,背景图全部填充div也会因此而变化。 「像素」「渲染像素」以及「物理像素」是什么东西?它们有什么联系? rem 产生的小数像素问题 从网易与淘宝的font-size思考前端设计稿与工作流 lib-flexible github iconfont.cn SASS(use scss!) material design front-end library 论material design网格规范设计和前端手机rem尺寸如何配合 微信调试 https://github.com/amfe/article/issues/17

Powered by Hugo & Kiss.