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

时间:2015-01-31 15:27:49

标签: css wordpress responsive-design

搜索了一段时间后,我发现这个WordPress模板http://demo.wpmultiverse.com/newsted/适合我的简单需求。但我遇到的问题是这个tempalate主页的响应功能。当我将浏览器的宽度调整为移动屏幕的宽度时,所有其他页面在主页断开时工作正常。即使我从手机屏幕上查看它也会被破坏。

我尝试清除div并且我已经搞乱了CSS一段时间但是我无法找到问题的根源。我无法理解为什么其他页面使用相同的CSS样式工作正常,只有带有帖子列表的主页搞砸了。

1 个答案:

答案 0 :(得分:1)

将它放在您的自定义CSS上:

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

但您仍需要为移动设备和平板电脑设置媒体查询 并把上面的代码。

使用这个:

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