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