我怎样才能让这个网站在手机上全宽？

Question

在移动设备上，该网站不会展开全宽，http://jonothanbosworth.co.uk/但它只是主页。所有其他页面都很好。

有谁能帮忙吗

Answer 1

将此添加到 body 它会起作用

body{
   overflow-x: hidden;
}

Answer 2

"Photos from Flickr" 部分导致此问题。图像越过视口（可能是因为它们是使用表格制作的）。

解决方法是使用媒体查询将 overflow-x:scroll 添加到较小屏幕尺寸的 class afg-gallery。这将允许您滚动浏览照片，同时保持视口宽度。

Answer 3

问题在于 div 包含 class="slz-list-block slz-column-2"

检查赋予它的样式。我认为以下样式可以解决您的问题

 .slz-list-block.slz-column-2
  {
       display: table-column;
  }