小心 -webkit-text-size-adjust:none![译]

Sorry, this article is not written in English and has not been translated into English yet .You can view this article in English with Google Translate, or please come back later.

有一天我打开一个网站,上面的文字很小,看起来很不舒服。我按了很多次Command加+希望Safari能放大一点字体...但是什么都没有发生。怎么了?!

研究了网站的css之后,发现“真凶”是下面的CSS(千万别这样用):

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

这断代码阻止webkit内核浏览器自动调整文字大小,甚至是整个页面。现在,对于如何阻止你的用户去放大页面的文字难道不是个好的方法么?

根据 Safari 的CSS参考 -webkit-text-size-adjust 用来指定iOS的Safari浏览器调整页面文字的大小。 当设置成 “none” 的时候,文本的字体不会被校正。

但是,我的Mac电脑里用的是Mac OS X Snow Leopard系统,并没有webkit内核的浏览器(Safari,Chrome....)但是自动调整大小却生效了,可见,并不仅仅适用于iOS的Safari浏览器。

请特别留意这个属性,用在一些特殊的并且不重要的文字上(局部)。我没有找到更好的理由把它用在body上,尤其是移动设备。

英文原文地址 http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/

原创翻译 转载请注明出处 http://www.zhuwenlong.com

338360
  • logo
    • HI, THERE!I AM MOFEI

      (C) 2010-2024 Code & Design by Mofei

      Powered by Dufing (2010-2020) & Express

      IPC证:沪ICP备2022019571号-1