平板浏览器上的元素显示不正确

时间:2014-07-19 09:28:51

标签: html ios css iframe cross-browser

我目前正在处理我的前两个项目中的一个,你可以说我仍处于我的youtube-tutorials& -SO-powered学习之旅的开头:

our neighbor's skin & beauty spa

请不要对我的代码过于苛刻:D我在一个小编辑器中从头开始手写所有内容。

简而言之,桌面电脑上的一切似乎都可以正常运行(我测试过FF和Chrome),但是在iPad和其他平板电脑上我遇到了令人讨厌的错误 - 我遇到了两个主要问题的问题:

  1. Google地图iframe始终可见(与其他内容重叠) 即使没有点击相应的部分,也会在平板电脑上显示 在菜单上,我不明白为什么!好像是 可见性:隐藏在固定位置的元素上不被解释 是否正确?

  2. :焦点在图片库上运行'潜行高峰'但是 在服务部分,4个子内容区域无法访问。

  3. (不相关?)当我的iPad(迷你)加载#logo_box页面时 div出现在页面加载,但变为半透明 即时地图iframe出现。

  4. EFFORT1:我删除了含有iframe的Google地图内容'容器一共,突然间:悬停在其他内容部分也停止了工作。这可能表明某些事情已被“联系起来”。以一种不对的方式......

    EFFORT2:我认为<标签>是罪魁祸首,但我无法确定它。我尝试了this suggested solution,但它适用于IOS4(2011),正如Rob Fletcher去年2月所评论的那样,它并不适用于IOS7。

    EFFORT3:我觉得.content div的{visibility:hidden / visible;}在Android移动浏览器中引起了麻烦:输入:选中隐藏而不是显示特定部分而所有其他人都表现出来。

    不过,我该怎么做?麻烦片?我在ipad& amp;上没有任何开发工具。 Android浏览器。

    非常感谢帮助!!

1 个答案:

答案 0 :(得分:1)

在iPad上,你可以进入设置应用程序,然后去Safari - >高级 - >网络检查员。

然后通过USB将其插入Mac并在Mac上打开Desktop Safari。如果您尚未启用“开发”菜单,请访问Safari - >偏好 - >高级 - >显示开发菜单。

然后,当您在iPad上的Safari中打开网页时,可以通过Mac的Safari上的“开发”菜单连接到该网页,并使用网络检查器。

如果您在Android上使用Chrome,则可以使用远程调试https://developer.chrome.com/devtools/docs/remote-debugging

Weinre在更多平台(包括Android原生浏览器)中提供类似的功能,但设置起来要多一些。