我的网站因我的 iPhone 和三星 Galaxy S2 而一团糟。我创建了一种响应式网站，除了每种字体的大小外，它还可以适当调整所有内容的大小，更具体地说，当我的 iPhone 5s 纵向显示时，文本太小，但是如果横向查看，字体大小恰到好处，我的 SGS2 也一样。我遇到的另一个问题是，当我第一次在 iPhone 和 SGS2 上加载页面时，我必须先缩小，因为它只显示页面的一定百分比。
请帮忙，我已经尝试解决这个问题很久了。这是 link到我正在谈论的网站。
哦，当我在我的笔记本电脑上查看网站时，字体大小也很完美，但我猜窗口无法缩放。
如果你想让我包含所有的 HTML 和 CSS，请告诉我
最佳答案
您可以使用一些视口(viewport)属性:
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" />
您还可以为手持设备设置样式表。
<link rel="stylesheet" media="handheld, only screen and (max-device-width: 320px)" href="phone.css">
下面的文档链接很有用:
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
关于html - 无法让我的字体大小在 iPhone 上正确缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24106407/