Html5+CSS3不用宽度百分百怎样做响应式网站?
发布网友
发布时间：2022-04-25 16:26
共1个回答
热心网友
时间：2022-04-06 11:58
第一种：用vw和vh,
1vw 的意思就是把屏幕的宽分成一百分后中的一分，也就是1%;
vh 指高度，同上。
第二种：用bootstrap吧，bootstrap是一款CSS框架插件，自适应上做的很好，
比如，我们做一个DIV，让电脑端显示为三列，手机端显示一列，可以这样：
<div calss="row"><div class="col-md-3 col-12">第一列</div>
<div class="col-md-3 col-12">第二列</div>
<div class="col-md-3 col-12">第三列</div>
</div>
row表示行，col表示列，
col-md-3 表示在屏幕宽大于768时，分成12列中的三列，
col-12 表示屏幕宽在小于576时，分成12列，占全12列，也就是表示一整行的意思，
另外还有其它的单位，如 sm lg xl 等，都表示不同浏览器的宽度。
希望以帮助到你！
