今天把字体设置成小于12px文字时候,谷歌浏览器Google Chrome就不能显示出CSS所设置小于12px的文字字体效果,任然显示的12PX的大小,通过审查元素发现设置的字体大小并没有被覆盖,这是什么回事?
你这个方法不错,非常感谢!
-webkit-text-size- adjust 已经被废除了,写了也没有用。
-webkit-text-size- adjust
写了这个没有用啊?
听说在新版本的CSS中,已经有min-font-size/max-font-size控制最小/最大字体大小,这样就方便多了。
在 CSS Mobile Text Size Adjustment Module Level 1 规范中,text-size-adjust 的取值如下:
text-size-adjust
取值:auto | none |默认值:auto(iPad 默认值是 none[1])继承性:有
该属性最先是由 iOS 1.0 引入的,所以本来就是解决移动设备上的问题而出现的。通常 iPhone(iOS4)横屏时,-webkit-text-size- adjust 的值约为140%。所以如果想取消 iOS 设备横屏切换时候字号变大,正确的用法应该是:
-webkit-text-size-adjust:100%;
新版本的谷歌浏览器需要使用 CSS 的缩放属性,强制缩放元素,就达到了缩放字体的效果。
transform:scale(0.875);
-webkit-text-size-adjust:none; 已经被废了,在新版本中的谷歌浏览器里面没有效果啊。
-webkit-text-size-adjust:none;
这个是为了考虑视觉障碍的人吧,像有的近视,就需要大字体才能看的清楚,使用-webkit-text-size-adjust:none;就能解决。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。
文章 0 评论 0
接受
发布评论
评论(8)
你这个方法不错,非常感谢!
-webkit-text-size- adjust
已经被废除了,写了也没有用。写了这个没有用啊?
听说在新版本的CSS中,已经有min-font-size/max-font-size控制最小/最大字体大小,这样就方便多了。
在 CSS Mobile Text Size Adjustment Module Level 1 规范中,
text-size-adjust
的取值如下:该属性最先是由 iOS 1.0 引入的,所以本来就是解决移动设备上的问题而出现的。通常 iPhone(iOS4)横屏时,
-webkit-text-size- adjust
的值约为140%。所以如果想取消 iOS 设备横屏切换时候字号变大,正确的用法应该是:新版本的谷歌浏览器需要使用 CSS 的缩放属性,强制缩放元素,就达到了缩放字体的效果。
-webkit-text-size-adjust:none;
已经被废了,在新版本中的谷歌浏览器里面没有效果啊。这个是为了考虑视觉障碍的人吧,像有的近视,就需要大字体才能看的清楚,使用
-webkit-text-size-adjust:none;
就能解决。