Php Wordpress网格博客帖子,没有响应

Php Wordpress网格博客帖子,没有响应,php,html,wordpress,twitter-bootstrap-3,sass,Php,Html,Wordpress,Twitter Bootstrap 3,Sass,有一个环以网格形式运行。每行每类3个职位。使用引导创建布局。在全宽范围内,它的工作方式和预期效果,但它没有响应。你知道我这里错了什么吗 全宽 宽度减小(不响应) 编辑输出的html和css(最初使用sass编写) #博客部分{ 填充:53px 0 } #博客部分h1, #博客第h2节, #博客h3部分, #博客h4组, #部落格h5组, #博客h6组, #博客a区{ 填充:20px 0 10px 0; -ms word wrap:断开单词; 换行:打断单词 } #博客部分h1{ 颜色:#7

有一个环以网格形式运行。每行每类3个职位。使用引导创建布局。在全宽范围内,它的工作方式和预期效果,但它没有响应。你知道我这里错了什么吗

全宽

宽度减小(不响应)

编辑输出的html和css(最初使用sass编写)

#博客部分{
填充:53px 0
}
#博客部分h1,
#博客第h2节,
#博客h3部分,
#博客h4组,
#部落格h5组,
#博客h6组,
#博客a区{
填充:20px 0 10px 0;
-ms word wrap:断开单词;
换行:打断单词
}
#博客部分h1{
颜色:#72b466;
字体大小:30px;
线高:35px;
边缘底部:23px;
填充底部:22px;
显示:块;
字体系列:“PT Sans Rown”,无衬线;
字体大小:400;
边框底部:2倍实心#ddd
}
#博客部分h2{
字体大小:22px;
文本对齐:居中;
线高:28px;
字体系列:“Roboto Slab”,衬线;
字体大小:400;
边际下限:12px
}
#博客组h3{
字号:28px;
文本对齐:居中;
线高:28px;
字体系列:“Roboto Slab”,衬线;
字体大小:400;
边际下限:12px
}
#博客部分。博客图片{
宽度:300px;
高度:自动
}
#博客第p部分{
字体大小:14px;
字体大小:500px
}
#博客部分。博客图片{
保证金:0自动
}
#博客a区{
颜色:继承;
文字装饰:无!重要
}
#博客部分。短链接{
颜色:深红色
}
#博客部分。自定义边框{
填充:10px;
边际下限:20px
}
#博客部分。btn主页{
填充:20px;
边缘底部:20px;
边界半径:5px
}
#博客部分.btn列表{
填充:20px;
边缘底部:10px;
边界半径:5px
}
#博客部分。行均衡器高度{
显示:-网络工具包盒;
显示:-webkit flex;
显示:-ms flexbox;
显示器:flex
}
#blog部分.网格循环{
边框:1px实心#ddd;
背景色:rgba(86,61,124,0.15);
身高:100%;
填充:10px;
边框:2倍纯色灰色
}


请注意:我们始终建议企业用可重复使用的产品取代一次性产品。减少废物是处理废物的最佳方法,其次是回收利用和堆肥。有没有办法让你停止使用吸管
总之,而不是寻找一个堆肥秸秆?还是咖啡杯?还是盘子?这就是目标。[…]

你可能读过这篇文章的标题,然后想:“每个人都知道如何回收,我真的需要挂上标志吗?”是的,你需要!这是非常非常重要的,这是法律!。大多数人知道,或者认为他们知道回收的基本原理, 但是当他们站在三个人面前时

纽约市的商业回收法很难跟上,关键信息往往很难找到。别紧张!我们将帮助您及时了解最新情况并遵守法规。关于商业回收规则的最新官方通知 2016年2月5日,纽约市环境卫生局发布了《纽约市环境卫生报告》。链接到[…]


您是否在头部添加了响应元标记?如果不是,则添加此标记:
到html的标题部分。

检查图像容器和图像,我认为它们没有响应。 您的
.blog image
类具有固定宽度,其中的图像应将
宽度
最大宽度
设置为100%

编辑


此外,如果您试图使用引导类进行图像响应,则应在
img
标记中使用类
.img responsive
,而不是在其容器中。类名是
.img responsive
而不是
image responsive

事实证明,问题在于固定高度边界

。行均衡器高度{
显示:-网络工具包盒;
显示:-webkit flex;
显示:-ms flexbox;
显示器:flex;
}
.网格循环{
边框:1px实心#ddd;
背景色:rgba(86,61,124,15);
身高:100%;
填充:10px;
边框:2倍纯色灰色;

}
您可以删除您的php并共享html输出,以便在小提琴中重现它吗?好的,我用html和css输出编辑了它。并添加了引导CDNDid(不适用于示例),但我的本地构建包含所需的所有标题、样式、脚本和元标记。在这里添加,但不起作用。谢谢Yuri,我发现了问题。这是一个与响应性冲突的背景、固定边界。我将为较小的设备创建一个不同的视图。很高兴您找到了解决方案。我用新的信息编辑了我的答案,它可能对你也有用。