页面上我找不到的不可见元素答案

【问题标题】：Invisible element on page which I can't locate页面上我找不到的不可见元素
【发布时间】：2015-02-25 10:49:39
【问题描述】：

是否有人曾尝试将网站转换为移动网站，但在页面中遇到了他们似乎无法找到或删除的空白？

通常这是一个明确的或浮动的问题，但在这种情况下我根本找不到。它似乎只出现在手机上。有人可以帮忙吗？在此先感谢:)

【问题讨论】：

【解决方案1】：

您指的是篮子和语言元素吗？如果是这样，可能是因为标题中所有元素的宽度都大于窗口宽度。当屏幕尺寸低于某个宽度时，尝试使用媒体查询修改元素的宽度...

 @media(max-width: 350px){
  selector{    
   attribute:rule
  }   
 }

【讨论】：

嗨 Julian，感谢您的回答 - 非常感谢 :) 是的，我正在使用媒体查询 - 对于移动设备，如下所示：@media only screen and (max-device-width: 550px) {}似乎没有任何区别。如果您在移动设备上查看该页面，则可以向右滑动并留有空隙。我正在尝试使横幅填充页面，但是由于存在间隙，它会缩小页面以适应滑块和间隙。
这是一个overflow-x问题吗？
如果是这样，您可以尝试使用 jquery (element.css("width", xx+'px')) 强制 body 的宽度等于窗口宽度，并添加 overflow-x: hidden ?

【解决方案2】：

朱利安 - 感谢您的回答。问题出在视口上。这不在脚本中：

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">

一旦我把它放进去，屏幕就会在手机和 iPad 上故意显示。初学者的东西，但有时你会忘记基础知识:)

【讨论】：