螢幕自適應

1、

@media screen and (max-width:240px){}　　//寬度小於240px執行

@media screen and (min-width:240px){}　　//寬度大於240px執行

2、flexible.js

在所有資源載入之前先放入

3、使用數值單位時可以嘗試使用rem作為單位替代px。

rem一般用於設定字型的大小，1rem就是html根元素的字型大小，2rem就是html字型大小的2倍，1.5rem是html字型的1.5倍，0.75rem則是html字型大小的四分之三，依此類推。

因此，rem是乙個相對長度單位，當改變html根元素的字型大小時，所有以rem為單位的字型大小也會跟著放大或縮小。
當然，它也可以用在其它地方，不一定是字型大小。比如要把某個元素的寬度設為5個字元的寬度，則

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...

Webview自適應螢幕

第一種 settings.setusewideviewport true settings.setloadwithoverviewmode true 第二種 websetting settings webview.getsettings settings.setlayoutalgorithm lay...