谷歌浏览器开发者模式中的手机模拟器无法显示12px以下的文字怎么办?

小于12px的文字一律显示12px,导致最终和真机上显示的样式不一样

要如何解决这个问题呢?

阅读 3.7k
3 个回答

桌面端就是不支持的。

你只能用真机调试。

另外不建议 12px 以下字号,Android 上有兼容问题,真需要的话可以通过 transform: scale 缩放。

变更一下chrome的最小显示字号可以解决这个问题:

设置 -> 外观 -> 自定义字体 -> 最小字号
image.png

拖在最左边即可。

可以用svg实现10px字号的字体

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题