<h2>关于像素</h2>
布局使用的px是css像素,不指设备像素。
<h2 >关于屏幕分辨率(设备像素)</h2>
设备分辨率和清晰度有关系。
<h2 >关于窗口大小(CSS像素)</h2>
<p>获取window.innerHTML的高度,或者document.body</p>
<h2>关于图像大小</h2>
屏幕分辨率和图像的清晰度有关系,分辨率越大肉眼看的越清楚。
图像大小是指直线上的像素点数据统计
<h2 >关于字体大小</h2>
通常我们使用的是px,这个是固定(或者绝对值)的。
rem、em这种单位都是相对值,需要有一个固定值被它参考(相对)使用.
<h2 >关于页面布局</h2>
百分比布局,整体都进行缩放,不同设备宽高比是不一样的,页面会被拉伸或者变窄,对于页面上元素单一可以使用(配合viewport的scale缩放)。
高度固定,宽度自适应,也会出现伸缩问题。
宽高都固定,整体size随着页面的变化不增减,上下左右垂直浮动,这样会产生一个背景(不设定则是白边)。
终极疯法:对所有设备都使用计算方法,全部动态计算。
<h2>关于64px</h2>
由于系统控件的默认高度,所以页面在webview(比如微信)加载时候高度不是从顶部开始计算的,页面需要减去这个值。
H5页面的乱弹
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 上一篇其实是简单入门,全是废话,实战开始。友情提示:这篇文章有点长 目前没有发现类似nodejs里面init功能的...