摘要: 一、移动端需要处理1物理像素的原因 原因是像素比,在设置了完美视口之后,像素比=物理像素/设备独立像素=物理像素/CSS逻辑像素,从而推导出:物理像素=像素比*CSS逻辑像素;例如,DPR为2的iphone6S,设置高度为1px(CSS逻辑像素),所以占用的物理个数=2*1px=2px,即是说高度为 阅读全文
posted @ 2018-08-28 22:25 DHeng 阅读(473) 评论(0) 推荐(0) 编辑
摘要: page{ height: 100%; } 阅读全文
posted @ 2018-08-28 20:40 DHeng 阅读(2467) 评论(0) 推荐(0) 编辑
摘要: 一、等比问题 问题:设置了meta标签的前提下,设计师以iphone5SE(640px*1136px)为基准原型设计了稿子,其中的一个div的尺寸为320px*40px,即是该div的宽度占布局视口宽度的1/2(0.5);如果该网页在iphone6S(750px*1334px)上预览,该div的宽度 阅读全文
posted @ 2018-08-28 20:16 DHeng 阅读(661) 评论(0) 推荐(0) 编辑