iphone - 如何让网站在 iPhone 和 iPad 上显示更好? (宽度太小)

标签 iphone html css mobile

我正在使用一个在大多数浏览器(我测试过的所有浏览器)中运行良好的网站,但在带有 ios5 的 iPhone (4) 中它看起来不太好。

它以某种方式从网站的右侧切掉了大约 80-100 像素,从而隐藏了文本和图像。

如何设置此网站以强制 iPhone(和 iPad)全部显示?

宽度为 1030 像素。通常我会看到 iPhone 然后“缩放”网页以适合屏幕,但不知为何不是这样。

Here is the site

我一直在摸索css,看看它是否有帮助,但现在我没有找到它。

有什么想法吗?

我需要使用一些 javascript,还是应该以某种方式修改设计?

PS:我现在不打算制作“移动网站”,只是让当前网站在 iPhone 等设备上显示所有内容。

最佳答案

@Jeroen 在我的情况下给出了最佳答案:

<meta name="viewport" content="width=1030, maximum-scale=1.0" />

由于 Jeroen 没有提交作为答案,我将其作为答案张贴在这里 :-)

我将上述元数据放入我网站的 中,效果非常好! 谢谢杰伦

关于iphone - 如何让网站在 iPhone 和 iPad 上显示更好? (宽度太小),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9698863/

相关文章:

html - 如何使边框不与另一个边框重叠,多选或单选?

html - 为什么我的段落与我的图像不正确对齐?

javascript - 调整所有动态生成的段落的大小

iphone - 如何在跟踪用户时将 map View 居中

html - 亚马逊 S3 mp4 视频未在 HTML 视频标签中播放

iphone - 如何在 iPhone 上生成良好的、不变的 UDID

javascript - 两个选择选项 - 不需要验证和隐藏选项

javascript - 如何访问 onclick 事件的更改值?

iphone - 我怎样才能 "enable"在 UIViewController 中上下滚动

ios - cloudkit 数据未显示在提交的应用程序 iOS 8.1 中