css3 手机端怎么高度自适应

html-css024

css3 手机端怎么高度自适应,第1张

一般是宽度为响应式的，在手机端，要使用rem作为单位，这样可以使手机分辨率在发生变化时，高度和宽度同时发生改变。

现在开始流行使用rem作为手机端的单位，淘宝，京东都是用rem。

手机web高度把div里的 height高度修改一下就可以了！比如：

<div id="#container">

</div>

#container{

height:100px

}

整个屏幕高度设置为100%

百分比的高度，与宽度无关。

按比例，设置蓝色框的高度，

比如，9%那么黑色为5%当然这个高度是和整个屏幕相比得来的。

要注意的是。设置的百分比，是根据父对象来的。

要实现网页在所有不同分辨率手机屏幕上显示比例一致？

这个是不可能的了。手机屏幕尺寸太多了。16比10 ，16比9，4比3,3比2，这个比例，

怎么可能完全一样。