博客布局缩小[css]

Question

在600 px和1200 px之间的分辨率下，博客布局非常萎缩。发布项目应该彼此相邻排列，然后逐个排列。问题出在哪儿？

网站网址：https://zpomyslami.pl/blog/

Answer 1

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

<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) { }