1. px與視口
2. %
3. **查詢
4. rem
5. vm/vh
css3中引入了乙個新的單位vw/vh，與檢視視窗有關，vw表示相對於檢視視窗的寬度，vh表示相對於檢視視窗高度，除了vw和vh外，還有vmin和vmax兩個相關的單位。各個單位具體的含義如下：
這裡我們發現視窗寬高都是100vw／100vh，那麼vw或者vh，下簡稱vw，很類似百分比單位。vw和%的區別為：
從對比中我們可以發現，vw單位與百分比類似，單確有區別，前面我們介紹了百分比單位的換算困難，這裡的vw更像"理想的百分比單位"。
任意層級元素，在使用vw單位的情況下，1vw都等於檢視寬度的百分之一。
如果要將px換算成vw單位，只要確定檢視的視窗大小（布局視口），如果我們將布局視口設定成解析度大小。
比如對於iphone6/7 375*667的解析度，那麼px可以通過如下方式換算成vw：
1px = （1
/375）*
100 vw
var defaults =
;
可以在 檢視各個版本的瀏覽器對vw單位的支援性。
我們發現，絕大多數的瀏覽器支援vw單位。
<
!--在 .postcssrc.js 裡配置--
>
module.exports =
,"postcss-url":,
// to edit target browsers: use "browserslist" field in package.json
// "autoprefixer": {},
"postcss-aspect-ratio-mini":,
"postcss-write-svg":,
"postcss-cssnext":,
"postcss-px-to-viewport":,
<
!--postcss-viewport-units":{} 官方建議-->"
<
!--過濾掉:
:after :
:before 的配置--
>
"postcss-viewport-units":,
"cssnano":}
}
使用 vw/vh 布局實現自適應優於其他方案，能夠完美的解決調螢幕自適應問題
自定義布局
自定義view布局 1.確定每個view的位置和尺寸 2.作用 為繪製和觸控範圍做支援 1.對於繪製 知道自己需要在 繪製。2.對於觸控反饋 知道使用者的點是在 自定義view布局的工作內容 自定義view的工作分為兩個階段 測量階段和布局階段 測量流程 從上到下遞迴呼叫每個view或者viewgr...
自定義布局控制項
本文介紹一種自定義控制項的方法，由控制項布局和控制項 2部分組成。效果為乙個自定義標題欄，由乙個按鈕 乙個文字 乙個按鈕組成，並定義了各子件的事件。一 title布局如下 二 如下。重寫構造器，在其中展開布局，找到子控制項繫結事件 public class titlelayout extends l...
FlowLayout 自定義布局
在本次，我們延續qt 7 的學習，再次對layout的繼承進行學習。參考在此之前，我們對qt編譯中碰到的一些問題進行記錄 問題1 編譯中出現make g 沒有找到 對於ubuntu可以使用apt get install g 但是在採用yum的系統，例如meego，沒有g 的包，yum那裡採用了另外的...