CSS:iPhone / iPad Safari在元素周围增加额外的边距或填充?

时间:2011-10-18 14:25:40

标签: iphone css ipad safari

我目前正在使用的网站(roemlunchdinner.nl)在所有主流浏览器中都很好看,但iPhone和iPad上的Safari似乎在页面下方的元素周围添加额外的边距或填充。我已经尝试在所有相关元素上设置边距和填充为零,设置特定宽度等但无济于事。我无法重现这是任何其他浏览器。这里的任何人都知道这里发生了什么?

我是新来的,所以还不允许发布截图。以下是我希望发布的屏幕截图的链接:

Safari Windows screenshot

Safari iPad screenshot

2 个答案:

答案 0 :(得分:1)

Mobile Safari会根据对用户可读内容的最佳猜测来调整元素的大小。

您可以在CSS中执行此操作,在整个网站中覆盖此行为:

body { -webkit-text-size-adjust: none; }

或者您可以仅针对单个元素。

答案 1 :(得分:0)

尝试使用ipad的媒体查询 @media only screen和(device-width:768px){  你的css ...... }

给出不同的宽度,看看。希望这有帮助