为什么字体大小不会随浏览器放大而改变?

luc*_*mia 14 html css google-chrome web

在大多数网站中,当我更改浏览器的缩放级别时,字体大小也会增加并帮助用户查看它们.出于某些原因,这在我的新网站上无效.当我更改浏览器的缩放级别时,一切都会改变,但所有字体大小保持不变.是否有可用于控制此行为的css或html属性?谢谢

这是一个例子:http: //ca.skywatcher.com/index.php

Lyc*_*cha 26

问题是你已经-webkit-text-size-adjust: none;为身体设置了layout.css.更改它以-webkit-text-size-adjust: auto;允许字体与页面一起缩放.

编辑:更正了CSS.应该auto不是0

  • 很好找!这解释了为什么Firefox不会出现此问题.这是一篇关于`-webkit-text-size-adjust`的文章:http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ (2认同)

Gle*_*rry 9

使用特定像素大小的字体不是相对的(以及其他几个).缩放改变了相关信息.

来自http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html

Name        Abbrev. Explanation                             Relative?
em          em      The height of a font                    yes
ex          ex      The height of the letter x in a font    yes
pica        pc      1 pica is 12 points                     no
point       pt      1/72 of an inch                         no
pixel       px      One dot on a screen                     no
millimeter  mm      Printing unit                           no
centimeter  cm      Printing unit                           no
inch        in      Printing unit                           no
Run Code Online (Sandbox Code Playgroud)

  • 无论为字体指定的单位如何,现代浏览器都会缩放所有内容.请参阅@Lycha的答案 (3认同)