html { font-size: 16px; } body { font-size: 1rem; /* 设置浏览器最小文字 */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
上述代码中,大家使用了CSS3的text-size-adjust
属性来设置浏览器最小文字,将其值设为100%
代表浏览器最小文字应该保持与设备默认大小相同。这个属性虽然目前还不被所有浏览器所支持,但大家可以使用浏览器厂商前缀来实现跨浏览器兼容性。
需要注意的是,当大家设置了浏览器最小文字之后,如果用户在设备中开启了文字缩放功能,浏览器最小文字也会被缩放。因此,在进行设备兼容性测试时,大家需要确保文本内容在不同的缩放比例下都能正常显示。