PC頁(yè)面等比例縮放布局

也可以考慮vw和vh這兩個(gè)單位的使用。配合min-width,max-width使用?；蛘?code>Grid Layout。各種設(shè)備上通常高度上都沒有什么限制，設(shè)計(jì)上的限制主要是寬度上。像Bootstrap那種自適應(yīng)都是基于媒體查詢的。如果不同寬度下的展示差異比較大就需要借助媒體查詢了。

你這情況，建議用rem代替px。然后用媒體查詢，去控制font-size值的大小

彈性布局？用rem

給你說一個(gè)怎么讓元素變成正方形的方法：

首先最外層的元素width鋪滿，height自適應(yīng)；第二層元素的盒模型變成border-box，寬高不需要設(shè)置，設(shè)置padding(關(guān)鍵，百分比的padding是根基父元素的寬來計(jì)算)，如果你一行有n個(gè)元素，則設(shè)置padding為50%/n；第三層元素根據(jù)第二層元素絕對(duì)定位，設(shè)置top、left、bottom、rught。

這樣第三層元素就是正方體內(nèi)可操作的空間。矩形同理

然后你使用百分比，就變成自適應(yīng)了

給的是1366那就是最小寬度滿足1366屏幕，大于的，就百分比自適應(yīng)。具體內(nèi)容具體設(shè)置寬度

自適應(yīng)？還是包括字的大小之類都變化，如果是后者，太麻煩了。