webkit桌面版本浏览器将不再支持-webkit-text-size-adjust

I
昨天升级了chrome dev到 28.0.1500.11 dev-m 版本的时候发现,-webkit-text-size-adjust属性失效了,说来也比较巧,公司台式机上装的是chrome正式版,在用QQ管家升级软件的时候,就想着把台式机上的chrome也升级到dev版本。自己的demo上刚好也用到了10px的字体(一个角标)

1
2
3
4
.demo{
-webkit-text-size-adjust:none;
font-size: 10px;
}

demo在这里

可以看到,在新版本中的chrome等webkit浏览器中,如果你没有主动去设置过字体大小下限的话,demo中的字应该都是一样大的。

chrome字体大小设置是在「设置-网络内容-字体大小下限」中。
safari默认不会开启下限,选项是在「偏好-高级-辅助功能-从不使用小于大小的字体」

官方移除说明在这里

原因是:

This property existed to support a number of Apple-internal clients of WebKit.
We no longer need this property, and since it’s clashing with a mobile version of the
same property with different meaning, let’s remove it altogether from the desktop build.

大概意思是:

这个属性的存在是为了支持一些使用webkit的苹果内部设备,我们不再需要这个属性了,而且还有一点就是,这个属性和手机版本的webkit浏览器有名字相同但是有不同的意思,所以我们还是将这个属性从桌面版本中移除了。

要解决这个的问题,可以这么做

1
2
3
4
5
.demo{
font-size:10px;
-webkit-transform:scale(0.83);
display:inline-block;
}

demo在这里

但是这么写当然不是正确的解决方法,目前先凑合着这么用了。

在statckoverflow上提了个问题,老外的意见都是不赞成修改用户设定的大小下限,因为用户已经告知浏览器,自己能接收的最小的字体大小就是设定的那个大小,再小的话,看起来就会太小。

我的意见也是不希望去违背用户的意思,将字体设置成小于12像素。希望给用户最好的体验。


伊泽
2013-5-17于杭州