前言
rem布局確實(shí)是非常好的解決方案酵镜，對于移動端的自適應(yīng)能夠幾乎非常完美的解決不同設(shè)備的適配，但是殴穴，在實(shí)際項(xiàng)目中凉夯，由于一些第三方庫的使用货葬，會造成沖突，因此劲够，在只能使用px布局的時(shí)候震桶，我們會遇到一些需要手動適配的場景。
一般來說征绎，flex布局能夠解決大部分場景蹲姐，但是，也有一些其他場景人柿，需要針對性的處理柴墩。
場景一 ：正方形
在移動端的不同設(shè)備上，正方形的邊長是無法確定的凫岖，當(dāng)只能確定正方形的寬或高的大概比例時(shí)（正方形沒有寬高江咳，指的是設(shè)備方向），就可以使用vh或vw來通過CSS拿到設(shè)備的寬或高哥放，vh歼指、vw是CSS3中根據(jù)設(shè)備高度或?qū)挾?/strong>定義比例的屬性值。
九宮格.png
比如九宮格甥雕，高和寬都使用
vw布局踩身。
.selector {
height: 27vw;
width: 27vw;
border-radius: 3px;
background: #eee;
margin-top: 9px;
}
就可以同時(shí)根據(jù)設(shè)備寬度來適配。
在這里犀农，我一行需要3個(gè)惰赋，因此排除一些padding之后，大概是設(shè)備寬度的27%左右呵哨。
