我在blogger上有一个简单的博客，最近我改变了我的css，以便在移动视图中并排显示我最近的文章，而不是在彼此下面。
我是这样做的:
@media screen and (max-width:640px){ .post{width:100%;float:left;margin:auto;padding:1px;} .post-body{margin:0;}
@media screen and (max-width:640px){ .post{width:49.9%;float:left;margin:auto;padding:1px;} .post-body{margin:0;}
因此在折叠前插入2根柱子。
但是现在，当页面加载时，它似乎不能正确加载。这并不是每次都发生。似乎是随机的。
怎么看
但有时它会像这样加载
有人能帮我一下吗?虽然我不清楚为什么你看到随机结果，但我可以看到布局可能在某些设备上有问题。
以纵向方向的iPhone 6为例。它的宽度为374像素，所以你的"行"之一的总宽度，记住包括两个填充，是:
2*(375*49.9/100) + 2)px = 378.25px
也就是比屏幕宽度宽，所以几乎可以肯定比父帖子的宽度宽。
您可以根据百分比定义所有内容(记住，如果指定为%，则填充是根据条目的宽度)，确保总和为<=!父元素宽度的00%。或者，你可以研究其他方法，如flex或grid，让系统计算出要留下的间隙。
由于系统加载图像的延迟，您可能会看到随机结果，但我在这里猜测，并且没有办法自己重现问题来测试它。