我的网站全部搞砸了我的iPhone和三星Galaxy S2。我创建了一种响应式网站，除了每种字体的大小外，还可以调整所有内容的大小，更具体地说，当我在iPhone 5s上纵向显示文本太小时，但是如果在横向上观看，字体大小恰到好处，同样适用于我的SGS2。另外一个问题是当我第一次在iPhone和SGS2上加载页面时，我必须首先缩小，因为它只显示页面的某个百分比。
请帮忙，我一直试图解决这个问题。这是我正在谈论的网站的link。
哦，当我在笔记本电脑上查看网站时，字体大小也很完美，但我觉得窗口不是按比例缩放的。
如果您希望我包含所有HTML和CSS
，请告诉我答案 0 :(得分：0)
您可以使用某些视口属性：
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" />
您还可以为handeld设备设置样式表。
<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