html css div自適應螢幕寬度,高度

2021-06-15 10:28:29 字數 310 閱讀 7551

做c/s專案其實最讓人蛋疼的無非就是相容問題,各種瀏覽器的不相容外還有div+css不科學的顯示問題。所以針對div+css視窗最大化、縮小的自適應加以解決。

top

div+css 布局一行兩列,左列固定寬度,右列自適應寬度;設定最小寬度,視窗小的時候顯示滾動條;firefox ie測試通過.

辛苦幾天的結果啊

平行共三行,中間行分兩列,左邊固定寬度,右邊自適應,並且對行寬度設定了最小值,如果視窗小到最小值以下將出現滾動條,這樣一來布局就不會亂了.

螢幕自適應

1 media screen and max width 240px 寬度小於240px執行 media screen and min width 240px 寬度大於240px執行 2 flexible.js 在所有資源載入之前先放入 3 使用數值單位時可以嘗試使用rem作為單位替代px。rem一...

vue專案螢幕自適應 Vue專案螢幕自適應

一 安裝lib flexible npm i lib flexible d 二 在main.js中引入 import lib flexible flexible 三 在index.html檔案中設定meta標籤 四 然後在專案中寫css時會自動將rem轉化為px,需要安裝px2rem這個工具 npm...

vue專案螢幕自適應 Vue專案螢幕自適應

一 安裝lib flexible npm i lib flexible d 二 在main.js中引入 import lib flexible flexible 三 在index.html檔案中設定meta標籤 四 然後在專案中寫css時會自動將rem轉化為px,需要安裝px2rem這個工具 npm...