Html 超级专家IPhone设备上的Css问题？

如果您在iphone 5（或其他版本）上打开，您将在右侧看到一个空白列（请参见下面的屏幕截图）

似乎有什么东西在缩小宽度。 如果你在页脚模块检查，你会发现有一个真正的问题；假设页脚宽度为100%

我最大的问题是我不能用Jconsole来解决这个问题，因为所有的Iphone模拟器Borwser都没有解决这个问题。它只出现在真实的移动设备上

我在谷歌上搜索了几个小时如何检查iphone上的代码。但什么都没用

我没有Mac笔记本电脑，也没有SDK

我需要超级专家的帮助，他有通过Firebug或移动Jconsole检查HTML代码的工具

---

提前感谢能帮助我的人。

这是因为您硬编码了此部分的宽度

.div_ebook {
  width:380px;
}

内部部分设置为50%

将此设置为100%，它将始终保持页面紧密

---

我还可以使用谷歌Chrome的开发者工具来模拟iPhone5，从而看到您的问题。您应该能够将其用于进一步的调试。

这是因为您已经硬编码了此部分的宽度

.div_ebook {
  width:380px;
}

内部部分设置为50%

将此设置为100%，它将始终保持页面紧密

我还可以使用谷歌Chrome的开发者工具来模拟iPhone5，从而看到您的问题。您应该能够使用它进行进一步调试。

我发现：

.div_ebook {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

以像素为单位设置的宽度将比Iphone 5视口宽。

我发现：

.div_ebook {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

---

以像素为单位设置的宽度将比Iphone 5视口宽。

您也可以安装weinre（有点旧，但如果您没有其他选项……）

您也可以安装weinre（有点旧，但如果您没有其他选项……）

您可以发布代码或任何网站链接吗？所以，任何人都可以帮助你。当然。链接如下：这个问题在普通浏览器中也存在。在chrome中，您可以检查元素并在智能手机模式下运行。它几乎和电话一样好。但你的问题是标记不好，大小怪异等等。检查一下。你能发布你的代码或任何网站链接吗？所以，任何人都可以帮助你。当然。链接如下：这个问题在普通浏览器中也存在。在chrome中，您可以检查元素并在智能手机模式下运行。它几乎和电话一样好。不过，你的问题在于标记不好、大小怪异等。请检查一下。谢谢你的帮助，但毫无疑问，这并不能解决任何问题。在css中有一些东西造成了错误。我无法检查iphone中的元素和CSS。你试过将宽度设置为300px吗？iPhone5的宽度是320px，所以请使用300，看看您是否仍然存在“bug”。谢谢您的帮助，但遗憾的是，它无法修复任何问题。在css中有一些东西造成了错误。我无法检查iphone中的元素和CSS。你试过将宽度设置为300px吗？iPhone5的宽度是320px，所以你可以试试300，看看你是否还有这个“bug”。。。问题是所有模拟器都正确地显示了它。但是一部真正的iphone（可能还有其他智能手机）会显示出真正的bug。@尼诺请附上一张屏幕截图，上面是你真正的iphone上的更新代码。嗯。。。问题是所有模拟器都正确地显示了它。但是一部真正的iphone（可能还有其他智能手机）会显示出真正的bug。@Nino请附上一张屏幕截图，上面显示了你真正的iphone上的更新代码。