h5页面怎么适配各个分别率的手机

Posted 2023-05-09

有一种 meta viewport width=640 定宽的定法非常好用， h5页面就和pc一样排版，宽度640来做 ，在结合一段js
具体你可以看下切图网的某个h5案例可以找到源码 参考技术A H5页面？直接到”微客场景“平台制作一个，已自动适应好 参考技术B 使用意派epub360制作H5适配大尺寸屏幕画布
可以参考下：
兼容：16:8————16:10
内容安全区：375*603（750*1206）

出血区：422*748（844*1496）
左右边框各：23.5px
上下边框各：72.5px
根据该画布，后续将会推出配套的layer组件等尺寸，即当选择使用该微信尺寸时，layer画布跟layer容器尺寸自动默认尺寸：375X603PX，方便调整，欢迎大家持续关注。

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

我试过很多手机都没有兼容性问题，但是换了同时的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 看到"赏赐"两个字,我决定不帮你了!追问

抠字眼吧你。。

追答

态度问题！