Question

我没有使用任何框架，例如bootstrap，只是MDL，我想知道是否有一种方法可以根据屏幕大小将服务器生成的矩形元素对齐在一列或两列中，例如这些图像中黑色矩形是元素：

Answer 1

你可以用flex做到这一点，非常容易使用：

希望我能帮忙

Answer 2

您可以使用css

中的mediaqueries为任何屏幕尺寸定义不同的样式

@media (min-width: 992px) and (max-width: 1199px) {
    .example{
        width:50%;
    }
}