我正在使用一个在大多数浏览器中运行良好的网站（我已经测试过）但在ios5的iPhone（4）中看起来并不那么好。
它以某种方式从网站的右侧部分缩小了80-100像素，从而隐藏了文本和图像。
如何设置此网站以强制iPhone（和iPad）显示所有内容？
宽度为1030像素。通常我会看到iPhone然后“缩放”网页以适应屏幕，但不知何故不是这样。
我一直在用css搞砸看它是否有帮助，但现在我还没找到它。
有什么想法吗？
我是否需要使用某些javascript，还是应该以某种方式修改设计？
PS：我现在不打算制作一个“移动网站”，只是让当前的网站显示iPhone中的所有内容。
答案 0 :(得分：5)
@Jeroen在我的情况下得到了最好的答案：
<meta name="viewport" content="width=1030, maximum-scale=1.0" />
由于Jeroen没有提交答案，我在这里作为答案发布： - ）
我把上面的元数据放在我的网站上，它就像一个魅力！ 谢谢Jeroen
答案 1 :(得分：0)
一些解决方案：
1）我会尝试使用媒体查询专门针对较小的设备，请参阅此处：http://www.alistapart.com/articles/responsive-web-design/
2）或者您可以直接定位iOS设备，尝试此解决方案：Loading JS script for only iOS devices?
答案 2 :(得分：-2)
解决此类问题的常用方法是为不同的浏览器创建不同的样式表。做一些研究，以了解用户连接的位置（IE，Chrome，ipad等）并相应地绑定css。