什么是響應(yīng)式布局？響應(yīng)式布局可以同時(shí)兼容多個(gè)終端，如（手機(jī)、平板電腦、PC）制作一個(gè)網(wǎng)站，可以一閃變成三個(gè)網(wǎng)站。也許有些人對(duì)“什么是響應(yīng)式布局”不太了解。我們來(lái)談?wù)勈裁词琼憫?yīng)式布局：響應(yīng)式布局：簡(jiǎn)單地

什么是響應(yīng)式布局？

響應(yīng)式布局可以同時(shí)兼容多個(gè)終端，如（手機(jī)、平板電腦、PC）制作一個(gè)網(wǎng)站，可以一閃變成三個(gè)網(wǎng)站。也許有些人對(duì)“什么是響應(yīng)式布局”不太了解。我們來(lái)談?wù)勈裁词琼憫?yīng)式布局：響應(yīng)式布局：簡(jiǎn)單地說(shuō)，一個(gè)網(wǎng)站可以同時(shí)兼容多個(gè)終端，可以從一個(gè)網(wǎng)站變成多個(gè)網(wǎng)站，這就大大節(jié)省了我們的資源。響應(yīng)式布局的優(yōu)點(diǎn)和缺點(diǎn)是什么？?jī)?yōu)點(diǎn)：1。它具有很強(qiáng)的靈活性，在面對(duì)不同的分辨率設(shè)備。2它可以快速解決多設(shè)備顯示適配問(wèn)題。缺點(diǎn)：不完全兼容所有瀏覽器，代碼繁瑣，加載時(shí)間較長(zhǎng)。說(shuō)了這么多，可能還有很多人不明白如何做響應(yīng)式布局，它的發(fā)展原則是什么？原理：簡(jiǎn)單來(lái)說(shuō)，responsive layout使用CSS中mediaquery@media的功能來(lái)確定我們終端設(shè)備的寬度（像素），然后執(zhí)行相應(yīng)的CSS樣式。

有html、css和JavaScript基礎(chǔ)，但是沒(méi)有響應(yīng)式和流式布局等經(jīng)驗(yàn)，應(yīng)該看什么書(shū)？

我覺(jué)得沒(méi)有必要讀一本關(guān)于響應(yīng)和流式布局的書(shū)。這只是一個(gè)基本用法的問(wèn)題。讀幾篇文章就行了！或者看看相關(guān)的API文檔就行了

！這種東西不是技術(shù)的問(wèn)題，個(gè)人感覺(jué)是熟練使用的問(wèn)題，是記憶的問(wèn)題，經(jīng)常使用。

想做前端的響應(yīng)式布局，應(yīng)該從什么知識(shí)入門(mén)呢？

首先，我們要學(xué)習(xí)HTML和CSS JavaScript。CSS中的絕大多數(shù)單元使用REM-EM和百分比響應(yīng)。根據(jù)不同的設(shè)備尺寸，加載不同的CSSJ來(lái)顯示不同的塊。實(shí)際上，設(shè)計(jì)方法和普通頁(yè)面是一樣的