css3 手机端怎么高度自适应

html-css013

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,这个比例,

怎么可能完全一样。