1. 自適應網(wǎng)站制作與響應式網(wǎng)站制作都是什么，又有什么區(qū)別？

很多人會對響應式布局和自適應式布局產生混淆，確實他們的原理是非常相似的，都是檢測設備，根據(jù)不同的設備采用不同的 css。

至于他們的區(qū)別，有個很簡單的方法：同一個頁面在不同尺寸的屏幕上訪問時，看網(wǎng)址是否一樣，只有一個網(wǎng)址為響應式，有多個不同的網(wǎng)址為自適應。另外的區(qū)分點是：是否需要一對一的設計界面，是則為自適應。武漢翊眾世紀小編舉例如下：

2. 自適應與響應式選擇用哪個？

如果頁面功能不多，用戶交互少，不需要經(jīng)常升級，響應式設計從運營的難易和維護的便利性考慮會更好，只要搞定網(wǎng)頁端，其他的也都搞定了。如果從頁面?zhèn)€性化多功能方面考慮，自適應設計更合適，因為這樣可以更好地為用戶提供功能全面，體驗更好的界面。例如功能復雜、用戶交互頻繁的網(wǎng)站、電商類網(wǎng)站，用戶量較大的網(wǎng)站選擇自適應更合適。

3. 做響應式頁面的條件是什么？

響應式可以響應的前提有兩點：

頁面布局具有規(guī)律性，必須建立靈活的網(wǎng)格基礎，元素寬高可用百分比代替固定數(shù)值；

網(wǎng)頁圖片必須是可伸縮的（頁面中圖片不固定寬/高）。

這兩點也是柵格系統(tǒng)本身的典型特點，所以利用柵格系統(tǒng)進行響應式的設計是順理成章的，也比較高效快捷，所以響應式與柵格化天生一對好搭檔。

網(wǎng)格是創(chuàng)建一個設計精良網(wǎng)站的關鍵。在《秩序之美-網(wǎng)頁中的網(wǎng)格設計》一書中，他解釋成功設計的目的是「在混沌中創(chuàng)造秩序」?，F(xiàn)在比較流行的 8 點柵格，就是結合基準網(wǎng)格（8pt）和縱向柵格進行設計的。

4. 使用8點柵格進行設計的價值是什么？

對于設計師：提升效率、減少決策，同時讓元素之間保持一種協(xié)調的節(jié)奏。

對于團隊：設計師和前端工程師之間更容易達成默契，前端可以較輕松地用肉眼丈量 8 的倍數(shù)。

對于用戶：同一品牌的產品保持高質量的一致性體驗，并且在自己的設備上也不會出現(xiàn)模糊的半像素偏移。

5. 常見的動態(tài)布局方式有哪些？

A：包括固定布局、流體布局、混合布局、響應式布局。