web前端响应式之栅格布局_响应式栅格布局的优点是什么

作者：你好赵伟 | 2024-03-23 13:34:28

踩

响应式栅格布局的优点是什么

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;
 
}

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】