1.靜態布局： 　　　　　 布局特點：寬高固定 2.自適應布局： 　　　　　 布局特點：不同分辨率下，頁面元素位置變化，大小不變 　　　　實現方法:針對不同分辨率創建對應的樣式表，使用 @media 媒體查詢給不同尺寸的設備切換不同的樣式 　　　　缺點：IE8及以下不支持媒體 ...

1.固定寬度三列布局 見新浪微博首頁 　　html結構如下 <div class="wrapper"> /**最外層容器元素**/ <div class="primary"> /**右側主要內容區域**/ <div ...

截止目前，國內絕大多數內容為主的網站（知乎，果殼，V2EX，網易新聞等）均使用內容區定寬布局，大多數電商網站（網易考拉，京東，聚美優品）也使用了內容區定寬的布局，也有些網站使用了自適應布局： 天貓 內容區采用媒體查詢+定寬，在達到某個斷點之后 ...

國內絕大多數內容為主的網站（知乎，果殼，V2EX，網易新聞等）均使用內容區定寬布局，大多數電商網站（網易考拉，京東，聚美優品）也使用了內容區定寬的布局，也有些網站使用了自適應布局： 天貓 內容區采用媒體查詢+定寬，在達到某個斷點之后更改內容區的寬度，並把某個內容顯示 ...

一、常見處理方式 定寬 電商類、內容為主的網站幾乎采用這種方式 1.網易考拉、京東（1190px） 2.知乎（1000px),果殼（1000px),網易新聞（1200px) 媒體查詢+定寬 圖片類、簡單布局。在達到某個斷點之后更改內容區的寬度，並把某個內容顯示/隱藏 1.花瓣網 ...

1.采用縮放比為1的meta name=viewport的標簽。在頁面采用px寫法。也要根據設計圖。如是設計圖是2倍圖，那么相應的px需要除以2,如果設計圖是3倍圖，那么相應px尺寸除以3。 ...

一、首先了解下自適應和響應式的區別： 響應式布局：響應式布局就是實現不同屏幕分辨率的終端上瀏覽網頁的不同展示方式。一個網站能夠兼容多個終端，而不是為了每個終端做一個特定的版本。 自適應布局：就是為了使網頁自適應的顯示在不同大小終端設備上的新網頁設計方式及技術，需要開發多套界面來適應不同的終端 ...

1.什么是響應式 Web 設計? 響應式 Web 設計讓你的網頁能在所有設備上有好顯示。 響應式 Web 設計只使用 HTML 和 CSS。 響應式 Web 設計不是一個程序或Java ...