網(wǎng)頁設計中響應式具體怎么實現(xiàn) 如何制作響應式網(wǎng)站？
如何制作響應式網(wǎng)站？HTML5做一個響應式的網(wǎng)頁，需要考慮是全平臺適配還是僅僅移動適配。這里以一個移動響應式網(wǎng)站為例，介紹如何制作響應式網(wǎng)頁。1、選定的基本設計尺寸，一般以1080為基礎。確定響應式網(wǎng)
如何制作響應式網(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有切片工具可以專門用來切圖。
解釋響應式布局，怎么實現(xiàn)的？有幾種方法實現(xiàn)？1 .原生代碼實現(xiàn)。
目前國內設計一個網(wǎng)頁時，一般分為PC端和移動端兩套頁面。但在某些情況下，必須滿足只設計一個頁面，不同端口可以正常使用。
因此，將使用自適應方法。
原生代碼實現(xiàn)的，在于media query @media的設置。
@media screen可以查詢當前瀏覽器的大小，所以可以用這個方法為同一個頁面設置不同的CSS樣式，以滿足不同的分辨率要求。
2.采用bootstrap框架布局。
bootstrap框架布局的頁面是自動對應的自適應效果。
然而，在寫作時，我們應該嚴格遵循bootstrap 的寫作規(guī)范，這樣就不會出現(xiàn)怪異的問題。
寫作范例:
注意:最后一個數(shù)字對應于div占據(jù)的圍欄中的列數(shù)。
Col-md-6代表PC端一行顯示的六個柵欄，也就是一半。
Col-sm-6表示div占平板當前行的一半。
Col-xs-12代表移動上顯示的當前行的100%填充。
3.還有其他，比如專門做響應的JQuery和JS文件，比如nicebox，可以實現(xiàn)自適應的效果和響應式的布局。
HTML中的響應式是什么？反應就是這個問題衍生出來的一個概念。它可以自動識別屏幕寬度，并對網(wǎng)頁設計做出相應的調整，版面和顯示內容可能會發(fā)生變化。
響應:根據(jù)不同的設備、不同的寬度、不同的特性，相應調整頁面上內容的樣式，調整響應的布局和內容。