Html5+CSS3不用寬度百分百怎樣做響應式網站？

第壹種：用vw和vh,

1vw 的意思就是把屏幕的寬分成壹百分後中的壹分，也就是1%;

vh 指高度，同上。

第二種：用bootstrap吧，bootstrap是壹款CSS框架插件，自適應上做的很好，

比如，我們做壹個DIV，讓電腦端顯示為三列，手機端顯示壹列，可以這樣：

<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 等，都表示不同瀏覽器的寬度。

希望以幫助到妳！