css3 - rem布局下，用户浏览器的最小字号是12px怎么办？

问题描述

问 题

我设置了
html{

font-size:62.5%; <!-- font-size: 10px;-->

}
在iphone6上浏览没有问题，但是当我打开web chrome之后，发觉我的页面错乱。

我知道用户浏览器最小字体是12px的话，会无视这条声明，会继续12px。

即便我用于调试的浏览器设置了10px也无法保证所有用户都是如此的。（中文版chrome默认最小字号12px)

那么，我该怎么做才能在浏览器最小字号12px的浏览器上，实现 1rem === 10px 呢？

解决方案

可以用其他浏览器测试，一般出的设计稿不会低于12px......

这篇关于css3 - rem布局下，用户浏览器的最小字号是12px怎么办？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！