移动端适配用 rem 还是 vw 更合适?

令狐富水 阅读 2

最近在做一个移动端 H5 项目,UI 给的设计稿是 375px 宽。我之前用的是 rem 配合 JS 动态设置根字体大小,但发现不同机型下还是有细微偏差,而且代码写起来有点麻烦。

听说现在很多人直接用 vw 单位做适配,是不是更简单?有没有什么坑?比如 iOS 和 Android 表现一致吗?

我试过这样写:

.box {
  width: 50vw;
  height: 20vh;
  font-size: 4vw;
}

但在某些低端安卓机上布局好像会错乱,不确定是不是单位的问题……到底该选哪种方案?

我来解答 赞 1 收藏
二维码
手机扫码查看
暂无解答

暂无解答