/ dev

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