一是使用max-width,從大屏幕(桌面端)開(kāi)始向下的設(shè)計(jì)方案,二是使用min-width,從小屏幕(移動(dòng)端)開(kāi)始向上的設(shè)計(jì)方案。第二種方案是移動(dòng)優(yōu)先(Mobile-First)的設(shè)計(jì)策略,即優(yōu)先針對(duì)移動(dòng)設(shè)備進(jìn)行內(nèi)容和布局設(shè)計(jì),再逐漸添加內(nèi)容,增強(qiáng)大屏幕的視覺(jué)效果,適應(yīng)分辨率更大的設(shè)備。
移動(dòng)優(yōu)先策略可以減少很多不必要的CSS代碼,有利于提高響應(yīng)式網(wǎng)頁(yè)的開(kāi)發(fā)效率,更好的滿(mǎn)足用戶(hù)需求。
本文地址:http://m.blackside-inc.com//article/21860.html