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

2021-10-17 01:23:05 字數 435 閱讀 5692

一、安裝lib-flexible

npm i lib-flexible -d

二、在main.js中引入

import 'lib-flexible/flexible'

三、在index.html檔案中設定meta標籤:

四、然後在專案中寫css時會自動將rem轉化為px,需要安裝px2rem這個工具

npm i px2rem-loader -d

四、修改配置檔案

4.1有build資料夾

/build/util.js:

a、在cssloader物件下面新增乙個px2remloader物件:

const px2remloader = , loaderoptions, {

sourcemap: options.sourcemap

重新啟動專案,即可自適應(單位使用px)

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

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

vue 移動端專案自適應

npm install npm run servevue 移動端專案,需要根據手機螢幕的大小自動適應,避免樣式bug,使用外掛程式專案自動轉化為 rem 布局,未開始或進行中的專案都可以進行配置 通過對 vue 專案進行配置,使得專案在啟動的時候,根據當前裝置的螢幕尺寸把尺寸 px 自動轉化為 re...

Unity WebGL 專案, 螢幕自適應

tackor 關注 如圖所示,使用火狐瀏覽器開啟 unity 編譯的 webgl 工程,發現unity沒有做螢幕適配 我最初的尺寸是 375x1334 在網上尋找了許久才找到 比較有用的文章 雖然這篇文章不是十分符合我的需求,但是它讓我了解了 webgl 專案中這些檔案之間的關係.最好根據自己的一點...