做H5页面开发，rem布局真是个头疼事！不同浏览器解析rem的方式都不一样，有时候简直抓狂。不过找到了个解决办法：使用viewport单位和媒体查询来统一不同设备的rem大小。比如：

html {
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  html {
    font-size: 14px;
  }
}

这样，就可以确保在不同屏幕尺寸下，元素的大小都能保持一致。不过还是得注意测试，每个浏览器都要过一遍，不然还是会出意外。#前端开发 #rem布局 #浏览器兼容性