iPhone设备上的超级专家的Css问题?

时间:2016-08-15 10:11:20

标签: html css css3 responsive-design

如果您在iphone 5(或其他版本)上打开http://docteur.tax,则会在右侧看到一个空白栏(请参阅下面的屏幕截图)。

http://prntscr.com/c5wnfz

似乎正在减少宽度。 如果你检查页脚模块,你会发现存在真正的问题;作为页脚,假设宽度为100%。

我遇到的一个大问题是我无法用Jconsole来解决这个问题,因为所有的Iphone模拟器都没有解决这个问题。它只能来自真实的移动设备。

我在谷歌搜索小时如何检查来自iPhone的代码。但没有任何效果。

我没有Mac笔记本电脑,也没有SDK。

我需要超级专家的帮助,他们拥有通过移动设备检查Firebug或Jconsole的HTML代码的工具。

提前感谢能帮助我的人。

3 个答案:

答案 0 :(得分:1)

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

.div_ebook {
  width:380px;
}

并且内部部分设置为50%。

将此值设置为100%并始终保持页面紧密。

我还能够使用Google Chrome的开发人员工具查看您的问题,以模拟iPhone 5.您应该可以使用它进行进一步调试。

答案 1 :(得分:1)

我发现了这个:

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

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

答案 2 :(得分:0)

您也可以安装weinre(有点旧,但如果您没有其他选项......)