因为谷歌浏览器机制问题,默认的css字体大小最小为12px,但是设计有要求比12px更小,这种情况下怎么办?
一、font-size: 10px; transform: scale(0.83333); transform-origin: 0 0;
font–size: 12px,给文本设置字体12px,并设置缩放值为10/12=0.83333,也就是transform:scale(0.83);
如果要设置8px,那就是8/12=0.66666;
transform-origin:0 0;默认缩放中心点是在盒子的正中心,所以如果我们需要文本左对齐,就需要改变中心点,也就是transform-origin:0 0;该值有两个参数值,第一个是水平方位值,第二个是垂直方位值,对应的如果需要右对齐、或者是有缩进,那就改变对应的参数值即可。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。