手持设备上的屏幕宽度溢出

Question

我目前正在努力使用我的移动视图页面的CSS（handehlds，例如纵向视图中的iphone）。奇怪的是，身体/内容容器右侧有大约90像素的边距。我根本就没理由 - 任何想法？

在此处查看： http://quirktools.com/screenfly/#u=http%3A//bigbertha.golfanatics.de/testsite/&w=320&h=480&a=33&s=1

网址：http://bigbertha.golfanatics.de/testsite/index.php

提前感谢您的任何提示！最好的问候，拉尔夫

Answer 1

你可以做什么，是这个。

body {
  overflow-x:hidden;
}

这将移除手机上的滚动条。 （从左到右）

编辑：我再看一下你的网站，发现你的html元素已经有了这个

html {
  overflow-y:scroll;
}

删除该行，瞧瞧：）

Answer 2

您有#roksearch_results的明确宽度，而您只需应用opacity: 0;。您必须display: none;到此div（或将宽度更改为100％）。

#roksearch_result {
 display: none;
}

你还可以将scew转换为超出你宽度的社交媒体导航。你可能会溢出：隐藏导航，但这会隐藏社交场所的角落，所以我建议你overflow-x:hidden身体。

#body {
  overflow-x: hidden;
}