某些页面显示50％宽度

Question

当我以360px这样的小尺寸调整浏览器大小时，某些页面的显示宽度为通常宽度的50％。如何解决这个问题？

这是link

谢谢！

Answer 1

你可以在你的css中试试这个：

       .ak-container, body.boxed-layout {
       padding: 0;
       width: 100%;
       }

      .no-sidebar #primary {
       float: none;
       margin: 0 auto;
       width: 100%;
      }

Answer 2

作为一个简单的解决方案，为class：promobody

添加css属性min-width

.promobody {
  margin-left: 60px;
  min-width: 225px;
}

min-width为您的班级保留最小宽度，以便内容在小型设备中显示在该宽度内。

OR

您可以使用Media Query根据设备宽度为页面中的元素设置边距和填充。 检查以下内容：Media Query＆amp; this

Answer 3

试试这个

@media screen and (max-width: 767px) {
.promobody {
  margin-left: 5px;
}

}