设置html font-size:10px;Chrome下1rem=12px,在火狐下1rem == 10px;为啥?如何让Chrome 1rem=10px

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置html font-size:10px;Chrome下1rem=12px,在火狐下1rem == 10px;为啥?如何让Chrome 1rem=10px相关的知识,希望对你有一定的参考价值。

参考技术A 因为谷歌浏览器里,字体最小大小为12px,无法再小了 你可以再css里面加上这句 -webkit-text-size-adjust:none; 这样就可以了追问

不管用,这条样式在最新版的chrome里已经弃用了,
谢谢你

追答

话说你的rem是因为要做响应式页面吧?那就不用管谷歌啦~~~直接用手机测试呗

本回答被提问者和网友采纳
参考技术B   尊敬的用户,您好!很高兴为您答疑。
  这种问题目前还没有很好的解决办法,或者您可以尝试一下浏览器的hack。
  希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

以上是关于设置html font-size:10px;Chrome下1rem=12px,在火狐下1rem == 10px;为啥?如何让Chrome 1rem=10px的主要内容,如果未能解决你的问题,请参考以下文章

html中加入超链接方式的汇总

H5学习

从网易与淘宝的font-size思考前端设计稿与工作流

移动端的适配(网易淘宝)

js动态适配移动端font-size,单位:rem

chrome浏览器小于12px字体的解决方案