博客布局缩小 [css]答案

【问题标题】：Blog layout shrinks [css]博客布局缩小 [css]
【发布时间】：2019-02-09 05:45:23
【问题描述】：

在 600 像素和 1200 像素之间的分辨率下，博客布局会严重缩小。帖子项目应并排排列，稍后逐一排列。问题出在哪里？

【问题讨论】：

【解决方案1】：

当您的页面缩小时，包含博客的 div 的宽度仅为 93 像素。

<div class="blog_holder massonary isotope" style="***width: 93px;*** position: relative; overflow: hidden; height: 8058px; opacity: 1;">

一旦你解决了这个问题，你还需要告诉文章元素的宽度是原始大小的 100%：

.blog_holder.massonary article {
    width: 31.5%; > width:100%;
}

当页面达到您希望它们为 100% 的宽度时。您将需要使用媒体查询：

@media only screen and (max-width: #px) { }

【讨论】：

是的，我知道，我也注意到你之前写的内容。问题是这些值是动态生成的。我现在将宽度设置为 100%。它看起来更好，但现在帖子之间存在很大的垂直间隙。高度也是动态生成的。是否可以通过控制来缩小这种差距？
让我再看看，看看我能想出什么
我没有看到很大的垂直间隙。那你已经解决了吗？
嗯.. 不，它仍然可见。如果平滑移动窗口宽度，高度也会相应调整。但是，如果您打开（例如 800 像素宽）或刷新它，则间隙会很大。
哦，是的，我现在看到了。您可以发布动态提供html css的代码吗？它会更容易解决！