谷歌访问器小字体样式解决计划方案即12px下列字

日期:2021-01-20 类型:科技新闻 

关键词:商城网站建设,微商好助手,微商引流,电商网站模板,微信商家小程序

谷歌访问器是不适用12px下列小字体样式的,将会是考虑到到客户体验吧。
在网上也是有1些文章内容详细介绍,说可使用:

拷贝编码
编码以下:

-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
上一篇:html5完成手机微信打飞机手机游戏 返回下一篇:没有了