Html5+CSS3不用宽度百分百怎样做响应式网站?

2025-03-01 18:05:41
推荐回答(1个)
回答1:

第一种:用vw和vh,

1vw 的意思就是把屏幕的宽分成一百分后中的一分,也就是1%;

vh 指高度,同上。

第二种:用bootstrap吧,bootstrap是一款CSS框架插件,自适应上做的很好,

比如,我们做一个DIV,让电脑端显示为三列,手机端显示一列,可以这样:


    第一列

    第二列

    第三列

row表示行,col表示列,

col-md-3 表示在屏幕宽大于768时,分成12列中的三列,

col-12 表示屏幕宽在小于576时,分成12列,占全12列,也就是表示一整行的意思,

另外还有其它的单位,如 sm lg xl 等,都表示不同浏览器的宽度。

希望以帮助到你!

相关问答
最新问答