css - 我怎样才能让这个网站在移动设备上全宽？

Question

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

任何人都可以在这里帮忙吗

Answer 1

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

检查给定的样式。我认为以下样式将解决您的问题

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

Answer 2

添加到body它会工作

body{
   overflow-x: hidden;
}

Answer 3

“来自 Flickr 的照片”部分导致了这种情况。图像越过视口（可能是因为它们是使用表格制作的）。

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