2012-03-14 28 views
0

我正在使用一个在大多数浏览器(我所测试过的)都能正常工作的网站,但是在使用ios5的iPhone(4)中它看起来不太好。如何让网站在iPhone和iPad上更好地展示? (宽度太小)

它以某种方式切断网站右侧部分的80-100 px,从而隐藏文字和图像。

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

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

Here is the site

我一直在用CSS鬼混,看看是否有帮助,但现在我还没有找到它。

有什么想法?

我需要使用一些javascript,还是应该修改设计?

PS:我不是在寻找到制作“移动网站”,现在,刚刚得到的当前网站显示所有在iPhone手机等

+0

谷歌周围的一个术语是“视口元”结合可能是“iPad”。例如[这篇文章](http://www.allenpike.com/2010/choosing-a-viewport-for-ipad-sites/)可能是有趣的(尽管它已经在2010年已经)。 – Jeroen 2012-03-14 09:23:47

+0

@Jeroen谢谢。这样做的技巧:-)'' – Netthandel 2012-03-14 10:13:51

+0

好听。您应该将最终解决方案和调查结果作为答案发布,并接受它作为适合您的答案。 – Jeroen 2012-03-14 13:19:39

回答

5

@Jeroen曾在我的情况的最佳答案:

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

由于吉荣没有submi t作为答案我张贴在这里作为答案:-)

我把上面的meta在我的网站上,它的工作就像一个魅力! 谢谢Jeroen

+0

这是答案,但我不能接受这个作为我的答案,在2天过去之前...... – Netthandel 2012-03-14 20:19:07

-2

通常解决这类问题是创造不同的样式表不同的浏览器。做一些研究,以了解用户连接的位置(IE,chrome,ipad等)并相应地绑定css。

+0

是的,我知道。但我一直在与CSS混战,没有找到让iPhone渲染的页面比实际更窄的原因。 我的生活中有很多网站,但从未发现这是一个问题。我所做的所有其他网站显示,它应该在iPhone等。它只是在iPhone的Safari做一些奇怪的事情... – Netthandel 2012-03-14 10:05:37

+0

浏览器?号决议?是。您的目标应该是设备尺寸或屏幕分辨率(例如<320像素)。 – Damien 2012-03-14 10:16:30

相关问题