最新消息:欢迎加入小松的QQ群一起讨论一起学习,又一个双十一,剁手快乐

chrome font-size不能设置小于12

前端技术 229浏览 0评论

今天有同学在群里问题,font-size设置成小于12不起作用针对这个问题我我进行了测试
测试代码

<div style="font-size:12px">小松博客</div>
<div style="font-size:10px;">小松博客</div>

用chrome打开果然大小是一样的
于是百度一下查找一下相关解决方法
方法一
添加css样式

-webkit-text-size-adjust: none;

但是最新版本的google浏览器已经不支持-webkit-text-size-adjust

方法二
使用css缩放添加css样式

-webkit-transform:scale(0.8)

测试发现字体是缩小了,但是样式要调整,div前面会有空,不是padding也不是margin,添加display:inline-block样式可以解决

添加scale没有添加display:inline-block

添加scale没有添加display:inline-block

添加display:inline-block后

添加display:inline-block后

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» chrome font-size不能设置小于12
本文链接地址:https://www.phpsong.com/2515.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!