230问答网 > 手机web版的页面（html⼀css）怎么兼容所有浏览器和各个手机屏幕分辨率

手机web版的页面（html⼀css）怎么兼容所有浏览器和各个手机屏幕分辨率

2024-12-31 14:55:43

推荐回答（4个）

回答1：

你说的这个问题，应该算的上是手机适配的问题！

既然是手机web端页面，这里的尺寸应该指的是浏览器的可视区域！

同样是5寸屏，一些有问题一些木有问题。

那他们的不同点就在于浏览器的可视区域不一样。

针对这类极小部分的适配问题。可以通过。css适配做出适当调整：

//手机浏览器是这个最大区域(可视区域375px)时，应用这个里面的样式
@media screen and (max-height: 375px) 
{
  
}
//手机浏览器是这个最小区域(可视区域375px)时，应用这个里面的样式
@media screen and (mim-height: 375px) 
{
  
}
//手机浏览器是这个最大区域(可视区域375px)介于345-75时，应用这个里面的样式
@media screen and (mim-height: 375px) and  (mim-height: 775px)
{
  
}

具体你可以参考这个：

http://www.ibm.com/developerworks/cn/web/wa-cssqueries/

回答2：

多数情况下都是对的，如果只是个例。就没必要纠结。

回答3：

哪里有兼容性问题你不说出来怎么帮你

回答4：

看到"赏赐"两个字,我决定不帮你了!