Flexible 應用

時間 2019-12-02

標籤 flexible 應用欄目 Flex 简体版

原文原文鏈接

Flexibl.jscss

爲咱們作了一項工做，媒體查詢工做，節約了許多操做node

舉個例子，移動端的頁面設計稿是750px，咱們本身換算rem單位，好比我想把屏幕劃分爲15等份，我就750/15=50，而後用全部的像素單位除以50，換算獲得的就是rem單位。less

可是css不能計算，因此咱們使用可編譯的less或者scss進行定義變量和計算。Hbuilder x的less編譯環境須要安裝，在node.js的環境下安裝各類編譯插件佈局

剛接觸rem和移動端製做，有些吃力，最經常使用的flex彈性盒子和rem佈局，流式佈局貌似不能知足某些需求，而且ipad能夠不考慮在移動端內。flex

Flexibl.js把屏幕劃分爲10等份，設計稿在750px的狀況下，那麼全部像素就得除75來換算remui

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。