【发布时间】:2011-12-10 04:00:45
【问题描述】:
我目前正在处理的网站 (roemlunchdinner.nl) 在所有主要浏览器中看起来都很好,但 iPhone 和 iPad 上的 Safari 似乎在页面下部的元素周围添加了额外的边距或填充。我尝试将所有相关元素的边距和填充设置为零,设置特定宽度等,但无济于事。我无法重现这是任何其他浏览器。这里的任何人都知道这里发生了什么?
我是新来的,所以还不允许发布屏幕截图。以下是我想发布的屏幕截图的链接:
【问题讨论】:
我目前正在处理的网站 (roemlunchdinner.nl) 在所有主要浏览器中看起来都很好,但 iPhone 和 iPad 上的 Safari 似乎在页面下部的元素周围添加了额外的边距或填充。我尝试将所有相关元素的边距和填充设置为零,设置特定宽度等,但无济于事。我无法重现这是任何其他浏览器。这里的任何人都知道这里发生了什么?
我是新来的,所以还不允许发布屏幕截图。以下是我想发布的屏幕截图的链接:
【问题讨论】:
Mobile Safari 根据对用户可读内容的最佳猜测来调整元素的大小。
您可以通过在 CSS 中执行此操作来覆盖整个网站的此行为:
body { -webkit-text-size-adjust: none; }
或者您可以只定位单个元素。
【讨论】:
尝试对 ipad 使用媒体查询 @media only screen and (device-width: 768px) { 你的CSS... }
给不同的宽度,看看。希望这会有所帮助
【讨论】: