H5在不同手机WebView里样式为啥不一样？

长孙子怡提问于 2026-03-17 18:26:29 阅读 4

移动

最近做了一个H5活动页，在iOS的Safari上看着挺正常，但一放到安卓的微信内置浏览器或者某些国产手机的WebView里，布局就乱了，字体大小也不对。明明用的是rem适配，难道不同WebView对CSS的支持差异这么大？

我试过加了viewport和reset.css，还是不行。下面是我页面头部的一段关键代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <style>
    html { font-size: 16px; }
    body { margin: 0; font-size: 0.875rem; }
  </style>
</head>
<body>
  <div>测试内容</div>
</body>
</html>

我来解答赞 1 收藏

反馈

暂无解答