iPad 上的 CSS 网站问题
iPad2 safari 浏览器上发生了非常奇怪的事情。
以下页面（主页）正在切断最右上方的导航链接。它应该显示“请求报价”，但在“请求”处中断。
另外，页面不会像平常一样自动调整大小以适合 iPad 屏幕。
站点 URL：www.skiplan.co.uk
我尝试过使用视口元标记，但它只是使更糟的是。
有什么想法吗？我只是在萤火虫中看不到任何问题。
注意：蹩脚的在线 iPad 模拟器显示效果很好 - 它发生在真实/物理的 iPad2 上
Very strange thing happening on iPad2 safari browser.
The following page (homepage) is cutting off the far right top nav link. It should say "Request a quote", but cuts off at "Requ".
Plus, the page is not auto resizing to fit the iPad screen properly as normal.
Site URL: www.skiplan.co.uk
I have tried using the viewport meta tag, but it just makes it worse.
Any ideas? I just can't see any issues in firebug.
Note: the crappy online iPad emulators show it fine - it's happening on the real/physical iPad2
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
iPad 的视口宽度相当于 960 像素，因此您的网站比屏幕大。需要使用视口元标记才能使其正确缩放，尽管您可能需要尝试才能使其正确。
另一种选择是使用媒体查询为较小的屏幕设计较小的版本。
我的建议是始终使用 960px 版本 - 1020px 不是流行的宽度是有原因的！
The iPad's viewport acts as if it is 960px wide, so your site is bigger than its screen. The viewport meta tag is needed to get it to scale correctly, though you might have to play around to get it right.
The other alternative is to use media queries to design a smaller version for smaller screens.
My advice would be to always have a 960px version - 1020px is not a popular width for a reason!
您很可能使用百分比等 CSS 样式，这会在 iPad 上破坏您的设计，因为它会适应显示尺寸容器（最大尺寸）。
最常见的是，当人们用
px定义盒子/容器，但用%' 或em` 定义字体/等时，我会看到这种情况。You are most likely using CSS styles like percentages, which break your design later on the iPad as it adapts to the display size container (max dimensions).
Most commonly I see this when people define a box/container in
pxbut font/etc in%' orem`.