时间:2021-05-08
谷歌浏览器是不支持12px以下小字体的,可能是考虑到用户体验吧。
网上也有一些文章介绍,说可以使用:
复制代码代码如下:
-webkit-text-size-adjust:none;
但是,自chrome 27之后,就取消了对这个属性的支持。
我们还有其它办法解决这个问题吗?
谷歌浏览器支持CSS缩放,于是,我们可以在这方面做文章:
复制代码代码如下:
-webkit-transform: scale(0.5);
既然最小支持到12px,那么就以12px为基点进行缩放,
同时可以使用-webkit-transform-origin-x: 0; 来解决缩放后margin-left的位移问题:
复制代码代码如下:
.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.5833333333333334);
}
scale值的计算方法为: 7 / 12 = 0.5833333333333334
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近在做移动端的测试,需要用到谷歌浏览器模拟手机状态下做测试,结果发现,谷歌浏览器因为受到12px字体的限制,总不能缩小到让人预期的效果,那该如何调整到最小字体
em是何物?em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em
前言最近做项目时,UI设计的字体10px,看效果图时发现字体仍然蛮大,改变12px时字体还是那么大,改变到14px时,字体变大了,发现规律,才知道原来浏览器为了
以IE浏览器为例,改变网页字体粗细的方法如下: 1、打开网页浏览之后,找到键盘ctrl键按住,同时滑动鼠标,中间键滑动即可:向上是放大字体,缩小是减小字体。
1.网站设计西方化,符合海外客户的浏览习惯。注意字体大小(西方人喜欢较小字体)、浏览器编码(海外很多用户没有安装中文语言支持,网站应该用utf-8编码)、细节处