-2

http://kilgorerodriguez.com/index.html & http://kilgorerodriguez.com/CarlosRodriguez.html

在第二页上,背景跨越整个页面,但在第一页上它切断了。我猜它与CSS有关,但我无法弄清楚。

4

1 回答 1

1

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

  1. 打开 iOS 模拟器:打开 Xcode,然后转到菜单Xcode > Open Developer Tool > iOS Simulator
  2. 将模拟器中的硬件模式改为iPad
  3. 打开模拟器上的设置应用程序,转到Safari > Advanced并将Web Inspector设置为On
  4. 按照 Web Inspector 开关下的说明进行操作:在 iPad 模拟器中的 Safari 中打开所需的网页,并在 Mac 上打开桌面版 Safari。转到 Safari 中的“开发”>“iPad 模拟器”菜单并选择相应的页面

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

我用它来查找我在评论中提到的错误 HTML 标记。当我使用 Web Inspector 修复该标记时(在 Resource 选项卡中找到 HTML 元素或使用手形图标在模拟器窗口中选择元素,然后右键单击该元素并选择Edit as HTML),然后还更改了我提到的那个 div 的 style 属性,min-width: 1002px;页面在 iPad 模拟器中看起来不错。对 1002px 的更改基于在CSS<div id="wrapper">中定义的父元素之一。width: 1002px更宽的最小宽度 1124px 可能导致页面宽度问题。

于 2013-08-08T02:00:54.737 回答