我开发了一个简单的移动页面;尽管我将其设置为 33px 并且 iPhone 的屏幕分辨率为 320 X 480,但显示的字体非常小。
有谁知道它为什么这么小?或者屏幕分辨率不是 320 X 480,因为它可以缩放。那么如何让字体自动适应分辨率呢?
我开发了一个简单的移动页面;尽管我将其设置为 33px 并且 iPhone 的屏幕分辨率为 320 X 480,但显示的字体非常小。
有谁知道它为什么这么小?或者屏幕分辨率不是 320 X 480,因为它可以缩放。那么如何让字体自动适应分辨率呢?
Safari 可以放大和缩小,因此 CSS 像素并不总是等于屏幕像素(尤其是当 iPhone 4 的屏幕更密集时 - 你不会希望你的网站仅仅因为有更多像素塞进显示器!)。
您可以使用特殊的元标记关闭 Safari 的缩放,如Apple 文档中所述:
<meta name="viewport" content="user-scalable=no, width=device-width" />