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

Question

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

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

Answer 1

问题是您在-webkit-text-size-adjust: none;中为正文设置了layout.css。将其更改为-webkit-text-size-adjust: auto;可以将字体与页面一起缩放。

编辑：更正了CSS。应为auto而不是0

Answer 2

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

来自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

Answer 3

如果您使用定点宽度进行字体大小设置（例如：像素），那么当用户缩放时，您的字体大小将保持不变。如果您希望在用户放大/缩小时放大或缩小字体，请考虑使用em作为您的单位（1 em =用户计算机上默认字体大小的100％）。