iPad上的顶部边框没有延伸全宽？

Posted 2023-03-12

【中文标题】iPad上的顶部边框没有延伸全宽？

【英文标题】：Top border not extending full width on iPad?

【发布时间】：2012-08-27 04:35:11

【问题描述】：

我的页面正文顶部有一个 15 像素的边框。

在 iPad 上，此边框被切断，在右侧留下空白。

截图 - http://cl.ly/image/0m1V3T2D3A0j

如何确保边框延伸到 iPad 上视口的右边缘？我尝试向 body 元素添加 width: 100% 以及其他一些调整，但我无法解决问题。

【问题讨论】：

也许是max-width: 1024px;？不完全是一个好的修复，但如果你可以将此 CSS 设置为“仅 iPad”，它应该可以工作

【参考方案1】：

这是因为你的正文内容对于 iPad 来说太宽了。 #all-logos 是 1157px 宽 - iPad 分辨率是 1024 × 768。也就是说，如果你在 iPad 3 上看它，分辨率为 2048 × 1536，我猜它会工作。

您可能想要为移动设备添加一些条件格式。

【讨论】：

谢谢。我们的客户希望它有那么宽。不知道为什么。我会将相框调整为更窄，但不幸的是它们是使用 CSS 翻转构建的。

一切都好。我删除了边框，而是在主体顶部的 15px div 中添加了一个最小宽度。这应该可以解决问题。