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

Posted 2023-03-14

我试过很多手机都没有兼容性问题，但是换了同时的5寸屏，他用的是猎豹浏览器，页面显示有问题，我也用的猎豹没有兼容性问题，别的5寸屏试过也没有问题。谁能解决这个问题我高分赏赐。

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

既然是手机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/

参考技术A 多数情况下都是对的，如果只是个例。就没必要纠结。 参考技术B 哪里有兼容性问题 你不说出来怎么帮你 参考技术C 看到"赏赐"两个字,我决定不帮你了!追问

抠字眼吧你。。

追答

态度问题！