javascript - 无法覆盖响应式设计中的 css 元素

Question

这是 problematic Link .我在 CSS 中有一个名为 tbox 的元素。它是一个内联框，宽度为:100%。在主页上，它根据其父项完美地调整其宽度并且具有完美的响应性，但是当我进入帖子时，其宽度根据内部内容而变化。这里有一些 screenshots

这是帖子，当我打开它时-

这是tbox的代码

.tbox{
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 2px;
    background-color: #FFFFFF;
    border-radius: 25px;

}

当我将宽度更改为 850 像素时，它在桌面上运行良好，但我无法覆盖响应式设计中的宽度。它始终保持 850 像素。

那么如果宽度是 850px，如何让它响应呢？或者还有其他解决办法吗？

Answer 1

问题不在于 tbox 在您的代码中搜索 .item .post.hentry 并将 width: 850px; 更改为 最大宽度:850px;

.item .post.hentry {
    max-width: 850px;
}