为什么手机上设置css为cm不准

html-css027

为什么手机上设置css为cm不准,第1张

手机上设置css为cm不准是由于手机分辨率低。根据查询相关信息，所谓的绝对单位（cm，mm，in，pt和pc）在CSS中的含义与其他地方相同，但前提是您的输出设备具有足够高的分辨率。在激光打印机上，1厘米应该恰好是1厘米。但是在低分辨率设备上，例如计算机屏幕，CSS并不需要这样。事实上，从一个设备到另一个设备以及从一个CSS实现到另一个设备的结果往往不同。

只针对特定型号的手机你如果知道屏幕具体尺寸的话可以用像素。

如果要多种手机屏幕尺寸下具有通用性，宽度用百分比或em单位，一言难尽，书店有书，买本讲css百分比尺寸篇幅比较多的书看看。

具体步骤如下：

1、输入position:fixedtop: 0left: 0使整个div固定在屏幕的最上方和最左方。

2、输入width:100%height:100%min-width: 1000px这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。

3、输入background-size: cover-webkit-background-size: cover-o-background-size: cover使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容。

4、输入background-position: center 0使图片的位置，居中，靠左对齐。