让chrome浏览器支持数字小于12px

最新推荐文章于 2023-08-22 17:18:53 发布
最新推荐文章于 2023-08-22 17:18:53 发布
阅读量140 收藏
点赞数
分类专栏： 项目遇到的问题 文章标签： css html css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LRQQHM/article/details/116047475
版权

转载

-webkit-transform:scale()

针对chrome浏览器,加webkit前缀，用transform:scale()这个属性进行放缩

注意的是，使用scale属性只对可以定义宽高的元素生效，所以，下面代码中将span元素转为行内块元素
<style type="text/css">
    .span1{
        font-size: 12px;
        display: inline-block;
        -webkit-transform:scale(0.8);
    }
    .span2{
        display: inline-block;
        font-size: 12px;
    }
</style>
<body>
    <span class="span1">测试10px</span>
    <span class="span2">测试12px</span>
</body>
KAGHQ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
mayijun000#summary#怎么让Chrome支持小于12px 的文字？1
07-25
这个我们在做移动端的时候，设计师图片上的文字假如是10px，我们实现在网页上之后。其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10
chrom浏览器设置不了小于12px的文字大小的解决方法
01-19
Chrome下，设置小于12px字体，显示仍为12px, 这个不知道算不算Chrome的BUG，有人说他是人家臣Chrome的人性化设置，因为小于12px的文字会比较难看得清楚，不过有时项目需要设置小于12px的文字大小。 不去讨论是否是Chrome的BUG吧，先解决了问题再说！ 设置：-webkit-text-size-adjust:none;即可解决问题。 有人建议在html或bogy里设置，不过我觉得可以自由点，在需要的设置的元素上设置即可。 PS：使用该私有属性后，chrome的字体将不能使用放大缩小功能！（页面缩放时可看到！） 字体大小用em可否解决问题呢？经测试貌似也不能！！
缩放函数html,CSS3中的变形--缩放 scale()
weixin_35474542的博客
06-15 1816
缩放 scale()函数让元素根据中心原点对对象进行缩放。缩放 scale 具有三种情况：1、scale(X,Y)使元素水平方向和垂直方向同时缩放(也就是X轴和Y轴同时缩放)例如：div:hover {-webkit-transform: scale(1.5,0.5);-moz-transform:scale(1.5,0.5)transform: scale(1.5,0.5);}注意：Y是一个可...
【css】怎么让Chrome支持小于12px 的文字
weixin_33763244的博客
01-16 122
谷歌浏览器Chrome是Webkit的内核，有一个 -webkit-text-size-adjust 的私有 CSS 属性，通过它即可实现字体大小不随终端设备或浏览器影响。CSS样式定义如下：-webkit-text-size-adjust:none; 但是在最新版的谷歌里。已经不在支持这个属性啦，需要通过css3的transform来解决，方法如下： css部分 html...
怎么让 Chrome 支持小于 12px 的文字？
m0_49893750的博客
02-25 682
在谷歌下 css 设置字体大小为 12px 及以下时，显示都是一样大小，都是默认 12px。 解决办法： （1）可以使用 Webkit 的内核的-webkit-text-size-adjust 的私有 CSS 属性来解决，只要加了-webkit-text-size-adjust:none;字体大小就不受限制了。但是 chrome 更新到 27 版本之后就不可以用了。所以高版本 chrome 谷歌浏览器已经不再支持-webkit-text-size-adjust 样式，所以要使用时候慎用。 （ 2 ） 还 可
怎么让Chrome支持小于12px 的文字？
LuckXinXin的博客
01-02 129
p{font-size:10px;-webkit-transform:scale(0.8);} //0.8是缩放比例
要让Chrome支持小于12px的文字怎么做？
小草莓的博客
07-22 737
即使进行了缩放，原来元素还是会占据对应的位置。因此需要做调整，最好是在外面再包一层元素，以免影响其他元素。最好的办法还是进行切图，或者就不要使用小于 12px 的字体。当需要小于 12px 字体的时候，有以下几个方法可以使用。原因是 Chrome 认为小于这个字号会影响阅读。Chrome 中有最小字号的限制，一般为 12px。这个属性在高版本的 Chrome 中已经被废除。对行内元素无效，因此要么使用。
css 让chrome支持小于12px的文字
qq_43435403的博客
11-10 324
问题描述： chrome浏览器限制了文字的大小，最小只能是12px，以前可以使用Chrome的CSS私有属性-webkit-text-size-adjust:none; （只对英文才有效，对中文无效。）来取消Chrome的字体限制。但是，在chrome更新到27版本之后就删除了这个属性。 如图所示： 问题解决 1.利用transform属性来解决这个问题 但是这里会发现，虽然字体改变了，但是位置也发生了变化，这是因为transform:scale()只能对块元素设置，设置后宽高也会比例缩放，tra
Chrome浏览器支持flash插件
06-11
Chrome浏览器支持flash插件
Google Chrome浏览器下载
04-18
Chrome 浏览器的目标是让上网变简单、快速和安全。 主要特性: • 速度极快:Chrome浏览器采用了极简主义的设计理念,页面加载速度很快,很好地兼顾了页面显示速度和系统资源占用。 • 安全稳定:Chrome浏览器内置了安全...
Google Chrome 如何支持大小小于 12px 的文字？
最新发布
m0_63732545的博客
08-22 376
自从Google Chrome的版本56起，默认情况下，Chrome不再支持小于等于12px的字号。这是因为小字号在显示和呈现方面可能会产生一些问题，特别是在高分辨率的屏幕上。然而，你仍然可以通过使用CSS的一些技巧来实现小于12px的字号。
使用CSS怎么让Chrome支持小于12px的文字
weixin_48240390的博客
07-01 175
针对谷歌浏览器内核，加webkit前缀，用transform：scale()进行缩放 p span { font-size:10px; -webkit-transform:scale(0.8); display:block; } <p> <span>我变小了</span> </p> 快试试吧 ：）！！
Chrome谷歌浏览器不支持css字体小于12px的解决办法
前端界的小学生
02-24 789
问题：有时候设计图上会有小于12px的文字，css的font-size小于12的时候在IE上是正常显示的,但在Chrome里面显示仍然是12px， 解决办法：就是利用css3的transiform缩放属性 .text-font{ font-size: 6px; /** IE **/ -webkit-transform: scale(0.5); /** Chrome解决方法...
解决chrome网页字体小于12的问题
03-28 2076
<br /><br />最近在做项目时，发现chrome网页字体设为小于12的时候，仍然和12字体保持一样大小。解决办法如下：<br />在css文件里加入：<br /> <br />html{-webkit-text-size-adjust:none;}/*chrome font-size<12px */ <br /> <br />即可解决此问题。(*^__^*) 嘻嘻……
浏览器支持字体大小情况 以及 Chrome设置小于12px的字体的处理方案
weixin_45727472的博客
09-03 3094
一、浏览器默认字体大小 转载：https://www.zhihu.com/question/268477963 二、浏览器支持的最小font-size 转载：https://www.jianshu.com/p/8fc4dc861037 三、Chrome设置小于12px的字体的处理方案 在谷歌下css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px。 解决办法： 使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决，只要加了-webkit-text
使浏览器支持12px字体的方法
晨曦的博客
04-26 1000
chrome浏览器默认最小字号为12px, 原因是因为chrome团队认为汉字小于12就会增加识别难度 一.解决方法 常见的解决方法有: 1.zoom 2.-webkit-transform:scale() 3.-wekit-text-size-adjust:none Zoom Zoom字面的意思是变焦,可以改变页面上的元素尺寸,属于真实尺寸其支持的值类型有 //zoom:50&,//表示缩小到原来的一半 //zoom:0.5 //表示缩小到原来的一半 <style&gt
让Chrome支持小于12px 的文字方式有哪些？区别？
m0_60622481的博客
06-16 635
让Chrome支持小于12px 的文字方式有哪些？区别？
如果报错File to import not found or unreadable: @/uni_modules/uview-ui/theme.scss. 19:01:44.356
LRQQHM的博客
12-15 3036
在src下新建一个文件夹 将node_modules中的uni_modules复制过去就好了。
Chrome浏览器下CSS字体大小设置小于12px无效问题
06-08
在Chrome浏览器中，字体大小设置小于12px可能会被浏览器忽略，这是因为Chrome浏览器默认将小于12px的字体大小设置为12px，这被称为“最小字体大小”（minimum font size）。 要解决这个问题，可以通过设置CSS样式中的-webkit-text-size-adjust属性来覆盖浏览器的默认行为，例如： ``` body { -webkit-text-size-adjust: none; } ``` 这会禁用浏览器的最小字体大小限制，允许您设置小于12px的字体大小。但是请注意，这可能会导致文本在某些设备和浏览器上难以阅读。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值