搜尋

首頁  >  問答  >  主體

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

我设置了
html{

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

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

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

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

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

巴扎黑巴扎黑2778 天前1458

全部回覆(12)我來回復

  • 怪我咯

    怪我咯2017-04-17 11:48:47

    就無法設定font-size:125%, 1rem=20px

    回覆
    0
  • 迷茫

    迷茫2017-04-17 11:48:47

    放大100倍,能很好的解決這個問題;html 裡面的font-size: 625%

    回覆
    0
  • 取消回覆