
一是使用max-width,從大屏幕(桌面端)開始向下的設(shè)計(jì)方案,二是使用min-width,從小屏幕(移動(dòng)端)開始向上的設(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)大屏幕的視覺效果,適應(yīng)分辨率更大的設(shè)備。

移動(dòng)優(yōu)先策略可以減少很多不必要的CSS代碼,有利于提高響應(yīng)式網(wǎng)頁的開發(fā)效率,更好的滿足用戶需求。
本文地址:http://m.hbbqcd.cn//article/21860.html