为什么这两个页面在ipad上的显示方式不同？

Question

http://kilgorerodriguez.com/index.html ＆安培; http://kilgorerodriguez.com/CarlosRodriguez.html

在第二页上，背景横跨整个页面，但在第一页上它会被切断。我猜它是CSS的东西，但我无法弄明白。

Answer 1

如果您在Mac上安装了Xcode开发人员工具，则可以将Safari Web Inspector附加到iPad模拟器，如下所示：

1. 打开iOS模拟器：打开Xcode，然后转到菜单 Xcode＆gt;打开开发人员工具＆gt; iOS模拟器
2. 将模拟器中的硬件模式更改为iPad
3. 在模拟器上打开“设置”应用，转到 Safari＆gt;高级并将 Web Inspector 设置为开启
4. 按照Web Inspector开关下的说明操作：在iPad模拟器中在Safari中打开所需的网页，并在Mac上打开桌面版Safari。转到开发＆gt; Safari中的iPad Simulator 菜单并选择相应的页面

现在，您将拥有一个Web Inspector窗口，该窗口附加到iPad模拟器中的网页，并具有调试网页的全部功能。

我用它来查找我在评论中提到的错误的HTML标记。当我使用Web Inspector修复该标记时（在“资源”选项卡中找到HTML元素或使用手形图标在模拟器窗口中选择元素，然后右键单击该元素并选择编辑为HTML ），然后还改变了我提到的那个div的样式属性min-width: 1002px;，在iPad模拟器中页面看起来没问题。对1002px的更改基于其中一个父元素<div id="wrapper">，在CSS中定义了width: 1002px。较宽的最小宽度1124px可能导致页面宽度问题。