如何制作響應式網(wǎng)站？用HTML5做一個響應式的網(wǎng)頁，首先要考慮是全平臺適配還是只是移動適配。這里以一個移動響應式網(wǎng)站為例，介紹如何制作響應式網(wǎng)頁。1、選定的基本設計尺寸，一般以1080為基礎。確定響應

如何制作響應式網(wǎng)站？

用HTML5做一個響應式的網(wǎng)頁，首先要考慮是全平臺適配還是只是移動適配。這里以一個移動響應式網(wǎng)站為例，介紹如何制作響應式網(wǎng)頁。

1、選定的基本設計尺寸，一般以1080為基礎。確定響應式網(wǎng)頁設計的應用場景后，與美工(或設計師)溝通。之前一般需要美工畫幾套主流移動設備屏幕分辨率的設計圖?，F(xiàn)在，根據(jù)移動設備最常用的屏幕分辨率，一套設計圖可以用于流式布局和rem。

2.美工完成設計，前端工程師的工作就開始了。這時候可以用PS或者FW來切圖。一般來說Fireworkscs6切圖比較快，但是有時候在Fireworks中會發(fā)生畫面失真的情況，所以有時候需要使用PS來配合，PS有切片工具可以專門用來切圖。

HTML中的響應式是什么？

響應的概念就是為了解決這個問題而產(chǎn)生的。它可以自動識別屏幕寬度，并對網(wǎng)頁設計做出相應的調(diào)整，版面和顯示內(nèi)容可能會發(fā)生變化。

響應：根據(jù)不同的設備、不同的寬度、不同的特性，相應調(diào)整頁面上內(nèi)容的樣式，調(diào)整響應的布局和內(nèi)容。

什么是響應式是什么？

響應式布局是Ethan Marcotte在2010年5月提出的概念。簡而言之，一個網(wǎng)站可以兼容多個終端——，而不是為每個終端做一個特定的版本。這個概念的誕生是為了解決移動互聯(lián)網(wǎng)瀏覽的問題。響應式布局可以為不同終端的用戶提供更舒適的界面和更好的用戶體驗，而隨著大屏移動設備的普及，用“大勢所趨”來形容也不為過。隨著越來越多的設計師采用這項技術，我們不僅看到了大量的創(chuàng)新，也看到了一些成型的模型。

什么是響應式是什么？

響應式網(wǎng)站設計是一種網(wǎng)絡頁面設計布局，其理念是在：中創(chuàng)建頁面的圖片排版大小，可以根據(jù)用戶的行為和使用的設備環(huán)境智能做出相應的布局。

PC端響應式設計有哪些？

在當今的前端開發(fā)方法中，最常用的方法是使用bootstrap來開發(fā)響應式web。然后，除了用框架寫代碼，我個人基本上用以下三種方法來設計響應式Web。

1.盡量用百分比來控制樣式寬度，少用甚至不用固定寬度和高度。

2.使用css屬性中的媒體對象來控制元素，如@media的媒體對象，以便元素可以應用于不同平臺上的頁面加載。

3.使用彈性盒開發(fā)實現(xiàn)響應式開發(fā)。