色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue cli flexble

林國瑞2年前8瀏覽0評論

Vue Cli Flexble是一個Vue Cli 4插件,用于支持移動端Web應用的自適應布局。它采用rem作為單位,配合flexible.js自動計算根字體大小,實現頁面元素的自適應大小。Vue Cli Flexble還集成了postcss-pxtorem插件,可以將樣式文件中的px單位自動轉為rem單位,進一步簡化自適應布局的實現。

//安裝
npm install vue-cli-plugin-flexible -D
//使用
vue create my-project //創建新項目
cd my-project
vue add flexible //添加插件

安裝完成后,Vue Cli Flexble會自動創建一個postcss.config.js配置文件,在其中配置了postcss-pxtorem插件的參數,并引入了flexible.js腳本文件。我們只需要編寫樣式文件時使用標準的px單位,然后在瀏覽器中就可以實現自適應布局了。

不過需要注意的是,對于一些絕對定位、寬度、高度等不適合使用rem作為單位的元素,我們仍然需要手動重寫樣式。

借助于Vue Cli的開發環境,我們可以快速地開發出適用于移動端設備的Web應用,并利用Vue Cli Flexble自動處理自適應布局的細節。這樣我們就能專注于業務開發,同時又能較少地關注移動端設備的兼容性問題了。