Question

我制作了一个网站模板，其中div用于背景图片，应该填充整个宽度。它适用于Mac / PC上的常见Web浏览器，但不适用于iPad和iPhone Safari。以下是模板的链接：

我在我的意思是部分放了一个红色边框。在那里你可以看到div没有填满整个宽度。这是正常的吗？我怎样才能解决这个问题？我没有在网上找到任何有关此问题的信息。

Answer 1

好的我发现了同样的问题（必须搜索“iOS”而不是“iPad / iPhone”）：iPad background for div blocks not spanning entire width of screen

我的解决方案是将body的最小宽度和所有元素设置为1024px！

Answer 2

如果找不到任何解决方案，请使用javascript动态调整div：

(function(){
  $('yourdiv').css('width', $(window).width());
 })();

这不是最漂亮的解决方案，但我希望这会有效，如果您需要更多支持，请告诉我们！

Answer 3

尝试将带有视口的元标记用于iOS设备，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1">

我认为这可以解决你的问题。