好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Google不支持小于12px字体终极办法_html/css_WEB-ITnose

每个浏览器厂商都会自己有设计的主观性,而这些出发点看似很好的却往往深深地伤害程序员。

1.需求

呈现指定为Google浏览器,字号为6-8px(为了打印细小的尺寸)。

2.探索

2.1 CSS HACK

搜索了N多的网页,都指向一个结果:

html

{      -webkit-text-size-adjust:none;} 

将以上代码放在文档的开始。。。

可,就是,不生效。。。结果就有不良??说话语气粗拙、脸红、眼瞪等一系列的反应。

2.2 CSS 3 的春天

刚好带了一本书,是讲CSS3的特性的,快速浏览了整本书之后,发现了一个特性:

div {    transform:scaleY(0.8);} 

? ?对指定的标签进行缩放,比如,上述代码的意思就是,对div及其子元素(包括文本,也就包括字号)的高度(Y)放小到80%。

类似的,宽度放缩:scaleX(pre),整体放缩scale(pre)。

尝试之下,确实能够放缩。

可是,如果HTML是这样的话:

your text

查看更多关于Google不支持小于12px字体终极办法_html/css_WEB-ITnose的详细内容...

  阅读:41次