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于杭州