手机web版的页面(html/css)怎么兼容所有浏览器和各个手机屏幕分辨率
导读:本文共476字符,通常情况下阅读需要2分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:你说的这个问题,应该算的上是手机适配的问题!既然是手机web端页面,这里的尺寸应该指的是浏览器的可视区域!同样是5寸屏,一些有问题一些木有问题。那他们的不同点就在于浏览器的可视区域不一样。针对这类极小部分的适配问题。可以通过。css适配做出适当调整:123456789101112131415//手机浏览器是这个最大区域(可视区域375px)时,应用这个里面的样式@mediascreenand(ma... ...
目录
(为您整理了一些要点),点击可以直达。你说的这个问题,应该算的上是手机适配的问题!既然是手机web端页面,这里的尺寸应该指的是浏览器的可视区域!同样是5寸屏,一些有问题一些木有问题。那他们的不同点就在于浏览器的可视区域不一样。针对这类极小部分的适配问题。可以通过。css适配做出适当调整:123456789101112131415//手机浏览器是这个最大区域(可视区域375px)时,应用这个里面的样式@mediascreenand(max-height:375px){}//手机浏览器是这个最小区域(可视区域375px)时,应用这个里面的样式@mediascreenand(mim-height:375px){}//手机浏览器是这个最大区域(可视区域375px)介于345-75时,应用这个里面的样式@mediascreenand(mim-height:375px)and(mim-height:775px){}具体你可以参考这个:http://www.ibm.com/developerworks/cn/web/wa-cssqueries/
手机web版的页面(html/css)怎么兼容所有浏览器和各个手机屏幕分辨率的详细内容,希望对您有所帮助,信息来源于网络。