如何做出响应式屏幕分辨率？

Question

能帮上什么忙，我想制作像youtube这样的网站来播放视频， 但是我有一个问题，我想在1920x1080的1 rom内制作5 div，如果屏幕变小，则自动缩小为4，3、2、1

这是图片示例

enter image description here

enter image description here

enter image description here

希望你们能理解：D

Answer 1

Bootstrap

使用Bootstrap！您可以使用col-类指定连续多少个视频。 例如，

<div class="col-sm-3 col-lg-6"></div> <div class="col-sm-3 col-lg-6"></div>
<div class="col-sm-3 col-lg-6"></div>
<div class="col-sm-3 col-lg-6"></div>

在移动设备中每行将为您提供4个视频，在台式机中每行将为您提供2个视频，其中有2行（每行12列）。

另一种方法是使用CSS网格。