iPad上的CSS网站问题

时间:2012-02-05 19:25:48

标签: css ipad meta-tags viewport

在iPad2 safari浏览器上发生了非常奇怪的事情。

以下页面(主页)正在切断最右上方的导航链接。它应该说“请求报价”,但切断“Requ”。

另外,页面不会自动调整大小以正常适合iPad屏幕。

网站网址:www.skiplan.co.uk

我尝试过使用viewport元标记,但这只会让情况变得更糟。

有什么想法吗?我只是看不到萤火虫的任何问题。

注意:糟糕的在线iPad模拟器显示它很好 - 它发生在真实/物理iPad2上

2 个答案:

答案 0 :(得分:3)

iPad的视口就像960px宽,因此您的网站比它的屏幕更大。需要使用视口元标记才能使其正确缩放,但您可能需要使用它才能使其正确。

另一种选择是使用媒体查询为较小的屏幕设计较小的版本。

我的建议是总是有一个960px版本 - 1020px不是一个流行的宽度有一个原因!

答案 1 :(得分:0)

您最有可能使用百分比等CSS样式,因为它会适应显示尺寸容器(最大尺寸),因此会在iPad上稍后破坏您的设计。

最常见的是,当人们在px中定义一个盒子/容器但在%' or em`中定义字体/ etc时,我会看到这种情况。