亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

【先看效果】

【PC端顯示】

【手機端顯示】

響應(yīng)式就是使用媒體查詢，在多個的屏幕尺寸下，讓網(wǎng)頁的布局不要亂。

核心就是，在對應(yīng)的屏幕下，通過對發(fā)生錯亂的元素樣式進(jìn)行更改，讓其在該屏幕下排列整齊，在對應(yīng)的屏幕下，把版心改成當(dāng)前屏幕的合適大小，去掉元素的定高定寬，寬度改為100%，去除多余的內(nèi)外邊距，左右布局改成上下。

這個需要一個個div逐個去更改，看著費勁，其實也花不了多少時間。

本文僅做網(wǎng)頁適配案例，學(xué)習(xí)使用媒體查詢，所以只有一個簡單的頁面，且只寫了布局。

我把項目放在了Gitee上：

https://gitee.com/xt-123/responsive-web-page