H5 页面的适配方案

rem 的本质是等比缩放

rem 能模拟 vw 的效果, vw 才是真正的等比缩放

vw 的 1% = 视口宽度 / 100

rem 不是银弹,用户选择大屏幕手机,有些人希望看到更多的图片,更大的字体(等比缩放,rem 模式),又有些人希望能看到更多的内容,并不想要更大的图标

所以这里要做取舍

你的网站如果是内容型的(例如知乎),不应该使用 rem,而是用 px 来布局

参考资料

Last Updated:
Contributors: johan