这个模板的 CSS 有什么问题导致它部分损坏

Question

经过一段时间的搜索，我发现了这个 WordPress 模板 http://demo.wpmultiverse.com/newsted/ 可以满足我的简单需求。但我遇到的问题是此模板主页的响应功能。当我将浏览器的宽度调整为移动屏幕的宽度时，所有其他页面都可以正常工作，而主页会损坏。即使我从我的手机屏幕上看它也坏了。

我尝试清除 div，但现在已经弄乱了 CSS 一段时间，但我无法找到问题的根源。我无法理解为什么其他页面使用相同的 CSS 样式也能正常工作，而只有带有帖子列表的主页乱七八糟。

Answer 1

把这个放在你的习惯上 css:

#primary-sidebar .widget {
float: left;
}

但您仍然需要为手机和平板电脑设置媒体查询 并将代码放在上面。

使用这个：

@media (max-width: 768px){
#primary-sidebar .widget {
float: left;
}
}