在iPad2 safari浏览器上发生了非常奇怪的事情。
以下页面(主页)正在切断最右上方的导航链接。它应该说“请求报价”,但切断“Requ”。
另外,页面不会自动调整大小以正常适合iPad屏幕。
网站网址:www.skiplan.co.uk
我尝试过使用viewport元标记,但这只会让情况变得更糟。
有什么想法吗?我只是看不到萤火虫的任何问题。
注意:糟糕的在线iPad模拟器显示它很好 - 它发生在真实/物理iPad2上
答案 0 :(得分:3)
iPad的视口就像960px宽,因此您的网站比它的屏幕更大。需要使用视口元标记才能使其正确缩放,但您可能需要使用它才能使其正确。
另一种选择是使用媒体查询为较小的屏幕设计较小的版本。
我的建议是总是有一个960px版本 - 1020px不是一个流行的宽度有一个原因!
答案 1 :(得分:0)
您最有可能使用百分比等CSS样式,因为它会适应显示尺寸容器(最大尺寸),因此会在iPad上稍后破坏您的设计。
最常见的是,当人们在px
中定义一个盒子/容器但在%' or
em`中定义字体/ etc时,我会看到这种情况。