Web 移动手册

web 移动手册 Notes

0503

• 在移动端, 根元素的字体大小在你缩放的时候是不会变的. 缩放是放大CSS像素的过程. 这个过程跟字体大小没有任何关系, 所以不管用户缩放了多少,1em的宽度还是同样多的CSS像素.
• 换句话说, em只有在你的网站的根元素字体 大小有可能改变,并且你希望你的布局根据这个变化改变的时候比像素优秀. 如果你的网站是这样的情况,那么可以使用em. 在所有其他场景中,使用em还是像素无关紧要. em仍然能正常工作,并且有的时使用em比使用像素表述布局更符合逻辑, 但是它们没有比像素优秀很多.
• 分辨率: 理想视口 与 屏幕物理像素尺寸的比.

device-width device-height
应该尽量避免使用device-width和device-height,他们总是使用screen.width和screen.height.
这些javascript属性既可能给出的是理想视口的尺寸,也可能给出设备像素的数量.因此你无法预知获得的信息是否正确.
这使得device-width和device-height 非常危险的