移动端适配用 rem 还是 vw 更合适？
最近在做一个移动端 H5 项目，UI 给的设计稿是 375px 宽。我之前用的是 rem 配合 JS 动态设置根字体大小，但发现不同机型下还是有细微偏差，而且代码写起来有点麻烦。
听说现在很多人直接用 vw 单位做适配，是不是更简单？有没有什么坑？比如 iOS 和 Android 表现一致吗？
我试过这样写：
.box {
width: 50vw;
height: 20vh;
font-size: 4vw;
}但在某些低端安卓机上布局好像会错乱，不确定是不是单位的问题……到底该选哪种方案？
- 1
回答
14浏览
rem和vw到底该怎么选？适配方案总出问题怎么办？
最近做移动端项目，用rem适配时在不同机型上布局老是错位，换成vw又怕兼容性不好。我试了动态设置html的font-size，但效果不稳定，尤其在iPhone和安卓机上表现不一致。 比如下面这段代码，...
- 2
回答
21浏览
rem和vw到底该用哪个做移动端适配？
最近在做一个移动端项目，UI给的设计稿是375px宽。我之前用rem配合js动态设置html的font-size，但听说现在主流都用vw了？试了下直接写width: 50vw确实方便，但有些老机型好像...
- 1
回答
13浏览
rem适配在不同机型上为啥还是错位了？
我用rem做移动端适配，按照设计稿750px写的，js动态设置html的font-size，但iPhone和安卓上显示效果不一致，有些元素还是错位了。 我的基准是375px，所以用了这个脚本： con...
- 2
回答
52浏览
rem和em在移动端响应式布局中如何配合使用？
最近在做移动端适配时发现一个问题，当同时使用rem和em时，字体大小总是忽大忽小。比如设置了html{font-size:16px}，然后用em的子元素又套了rem，结果在iPhone12上显示正常，...
- 2
回答
82浏览
为什么用rem方案后移动端页面在不同机型下字体和间距错乱？
最近在用rem方案做移动端适配，按教程设置了html根字体大小，但发现iPhone 12和华为nova9的字体和间距显示完全不一样，1rem在nova9上显得特别大。 我按教程写了个动态计算函数： f...
- 0
回答
57浏览
vw/vh在移动端适配时为什么有时候失效？
我用 vw 做了一个全屏的卡片组件，但在某些安卓机上高度明显不对，vh 好像没生效。试过加 meta viewport 了，还是不行。 这是我的 Vue 组件代码： <template> ...
- 1
回答
77浏览
rem适配时页面元素在不同手机上缩放比例不一致怎么办？
我用rem方案开发移动端时，设置了根字体大小根据屏幕宽度计算，但iPhone12和小米11上按钮大小明显不一样，html{font-size:50px}明明是动态计算的啊... 代码是这样写的：fun...
- 2
回答
36浏览
rem适配后为什么不同手机字体大小不一致？
我在用rem方案开发移动端时遇到个怪问题，设置了html根字体大小后，iPhoneX和华为nova9上的文字显示明显不一样大。明明都按设计图的750基准做了计算： const designWidth ...
- 2
回答
35浏览
使用vw单位时为什么页面在不同手机上布局错乱？
在Vue项目里用vw做移动适配，按照教程设置了根字体大小，但iPhone SE上文字和按钮总是挤在一起，而iPhone 12显示正常。代码都按规范写了，为什么还是适配不好？ 这是我的根元素设置：doc...
- 1
回答
13浏览
用 vw 做响应式布局，为什么在移动端显示不正常？
我最近在用 vw 单位做响应式布局，想让元素宽度随屏幕变化，但在手机上测试时发现元素比预期大很多，甚至溢出屏幕。明明在桌面浏览器里看着没问题啊。 我试过用 100vw 当容器宽度，但 iOS Safa...
暂无解答