web前端响应式之栅格布局

1..要做响应式最好不要写死宽度，用%或者栅格布局

2.栅格布局的优势在于方便，拿ant-design的Row/Col举例，不仅可以指定不同的屏幕所占栅格数，还能用type='flex'使用flex布局，但是有弊端，虽然响应式比较容易，但是24个还是不够精确，48？(其实说白了，他就是百分比，想要更加细分就用百分比代替)，需要更加细分，不然可能会空隙过大的问题，并且难以解决。

 

总结：

1.如果栅格布局能做成百分比的形式就完美了

2.觉得不够精确的话，用原始%（可以套在Row和Col里使用）并限定max-width和min-width

eg.

<Row>

    <Col className="ant-col">
    // todo

    </Col>

</Row>


.ant-col {

width: 18%;

max-width: 280px;

}