如何使响应屏幕分辨率? [关闭]

问题描述 投票:-2回答:1

可以帮助一些人,我想制作像youtube这样的流媒体视频网站,但我有一个问题,我想在1920x1080的1 rom中制作5 div,如果屏幕变小则自动减少到4,3,2,1

这是图片的例子

enter image description here

enter image description here

enter image description here

希望你们明白:D

javascript html css
1个回答
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网格。

© www.soinside.com 2019 - 2024. All rights reserved.