響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是針對(duì)多屏幕問(wèn)題的一個(gè)很好的解決方案，但從印刷的視角來(lái)看有點(diǎn)困難。沒(méi)有固定的頁(yè)面尺寸，沒(méi)有毫米或英寸，沒(méi)有任何的物理限制，無(wú)從下手。為了desktop和mobile單獨(dú)使用像素設(shè)計(jì)的方法也成為了過(guò)去，因?yàn)樵絹?lái)越多的設(shè)備都可以打開(kāi)網(wǎng)站。因此，我們需要弄清楚響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的一些基本原則，接受流體網(wǎng)頁(yè)，而不是與之相抗。為了讓它保持簡(jiǎn)單，我們將著眼于布局（是的，響應(yīng)式比它更復(fù)雜，如果你想了解更多，這是一個(gè)很好的開(kāi)端。）

響應(yīng)式 vs 自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)

它們看起來(lái)似乎是相同的，但事實(shí)并非如此。這兩種方法相輔相成，并沒(méi)有說(shuō)哪個(gè)是正確的那個(gè)是錯(cuò)誤的，內(nèi)容決定一切。

響應(yīng)式 vs 自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)

內(nèi)容流動(dòng)

隨著屏幕尺寸變小，內(nèi)容將會(huì)占據(jù)更多的垂直空間，而下方的內(nèi)容就會(huì)被接著往下推，這就是所謂的流動(dòng)。如果你是使用像素和磅來(lái)進(jìn)行設(shè)計(jì)的，這可能會(huì)有點(diǎn)棘手，但是當(dāng)你習(xí)慣了之后，就會(huì)變得很有意義了。

內(nèi)容流動(dòng)

相