1靜態(tài)布局不管瀏覽器尺寸具體是多少，網(wǎng)頁(yè)布局始終按照最初寫(xiě)代碼時(shí)的布局來(lái)顯示常規(guī)的pc的網(wǎng)站都是靜態(tài)定寬度布局的，也就是設(shè)置了minwidth，這樣的話，如果小于這個(gè)寬度就會(huì)出現(xiàn)滾動(dòng)條，如果大于這個(gè)寬度則內(nèi)容居。

響應(yīng)式布局能同時(shí)兼容多個(gè)終端，比如手機(jī)平板PC做一個(gè)網(wǎng)站轉(zhuǎn)眼間就可以變成3個(gè)網(wǎng)站可能有些人對(duì)“什么是響應(yīng)式布局”還不是很了解，下面達(dá)內(nèi)長(zhǎng)沙web培訓(xùn)就跟大家簡(jiǎn)單說(shuō)下什么是響應(yīng)式布局響應(yīng)式布局簡(jiǎn)單點(diǎn)說(shuō)。

1 響應(yīng)式web設(shè)計(jì)是在開(kāi)發(fā)和設(shè)計(jì)網(wǎng)站過(guò)程中產(chǎn)生的一種方式，它的目的是讓內(nèi)容布局能隨用戶(hù)使用顯示器的不同而變化再明確點(diǎn)說(shuō)，這種設(shè)計(jì)概念，就是讓原本1292像素寬，4欄的內(nèi)容，能夠很好地顯示在1025像素寬的用戶(hù)屏幕上。

響應(yīng)式工具 為了加快對(duì)移動(dòng)設(shè)備友好的頁(yè)面開(kāi)發(fā)工作，利用媒體查詢(xún)功能，并使用這些工具類(lèi)可以方便的針對(duì)不同設(shè)備展示或隱藏頁(yè)面內(nèi)容演示效果。

響應(yīng)式設(shè)計(jì)的目標(biāo)是確保一個(gè)頁(yè)面在所有終端上各種尺寸的PC手機(jī)手表冰箱的Web瀏覽器等等都能顯示出令人滿意的效果，對(duì)CSS編寫(xiě)者而言，在實(shí)現(xiàn)上不拘泥于具體手法，但通常是糅合了流式布局+彈性布局，再搭配媒體查詢(xún)。

手機(jī)上有4種瀏覽器類(lèi)型內(nèi)置瀏覽器，可下載瀏覽器，代理瀏覽器，以及WebView由于目前安卓和IOS占據(jù)著移動(dòng)端的大部分市場(chǎng)因此，為了減少工作量，我們進(jìn)行響應(yīng)式網(wǎng)頁(yè)布局設(shè)計(jì)的時(shí)候可以先保證安卓和IOS上面能運(yùn)行，再根據(jù)實(shí)際。

響應(yīng)式布局，稱(chēng)為Responsive Web Design它是將已有的開(kāi)發(fā)技巧彈性網(wǎng)格布局彈性圖片媒體和媒體查詢(xún)整合起來(lái)，針對(duì)任意設(shè)備對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行“完美”布局的一種顯示機(jī)制簡(jiǎn)言之，是一個(gè)網(wǎng)站能夠兼容多個(gè)終端手機(jī)Pad。

是要先實(shí)現(xiàn)靜態(tài)網(wǎng)頁(yè)web響應(yīng)式布局的方法有靜態(tài)布局，即傳統(tǒng)Web設(shè)計(jì)，對(duì)于PC設(shè)計(jì)一個(gè)Layout，在屏幕寬高有調(diào)整時(shí)，使用橫向和豎向的滾動(dòng)條來(lái)查閱被遮掩部分。

介紹完響應(yīng)式Web的背景和概念之后，是時(shí)候該介紹具體的實(shí)現(xiàn)方法了，其實(shí)響應(yīng)式Web設(shè)計(jì)的方法很簡(jiǎn)單，就是利用CSS3的媒體查詢(xún)Media Queries和Viewport來(lái)解決問(wèn)題的首先我們一起來(lái)看看Media Queries，這里我只會(huì)對(duì)其做一個(gè)簡(jiǎn)單的。

響應(yīng)式Web設(shè)計(jì)的方法 介紹完響應(yīng)式Web的背景和概念之后，是時(shí)候該介紹具體的實(shí)現(xiàn)方法了，其實(shí)響應(yīng)式Web設(shè)計(jì)的方法很簡(jiǎn)單，就是利用CSS3的媒體查詢(xún)Media Queries和Viewport來(lái)解決問(wèn)題的首先我們一起來(lái)看看Media Queries，這里我。

1靈活性不同靜態(tài)布局毫無(wú)靈活性可言，目前已逐漸被淘汰自適應(yīng)布局靜態(tài)布局的升級(jí)版，因其強(qiáng)大的靈活性，已逐漸成為高端網(wǎng)頁(yè)的代名詞流式布局靈活性更高，可適用于其他三種網(wǎng)站布局響應(yīng)式布局自適應(yīng)布局的。

如果響應(yīng)式網(wǎng)站僅僅根據(jù)移動(dòng)內(nèi)容，它可能會(huì)影響到網(wǎng)站的Google排名由于Google不支持這樣的網(wǎng)站，它不會(huì)對(duì)你的網(wǎng)站進(jìn)行索引第四做響應(yīng)式網(wǎng)站所耗的時(shí)間很多 第五響應(yīng)式網(wǎng)站的布局 響應(yīng)式網(wǎng)站W(wǎng)eb設(shè)計(jì)的布局主要是液態(tài)的。

二缺點(diǎn)如下1時(shí)間花費(fèi) 2優(yōu)化難 對(duì)于響應(yīng)式Web設(shè)計(jì)，為搜索引擎確定關(guān)鍵字不是一件容易的事因?yàn)橄啾纫话阕烂嬗脩?hù)，移動(dòng)用戶(hù)多采用不同的關(guān)鍵字，修改標(biāo)題及其他事項(xiàng)都比較困難3布局不好控制 響應(yīng)式Web設(shè)計(jì)的布局。

如一些高校的網(wǎng)站 jlu ，頁(yè)面的主要?jiǎng)澐謪^(qū)域使用 px 和百分比，包裹文字的元素和文字采用 em 上面的這幾種方案下，頁(yè)面元素的大小按照屏幕分辨率進(jìn)行適配調(diào)整，但是整體布局不變，對(duì)于 響應(yīng)式web設(shè)計(jì) ，網(wǎng)頁(yè)布局會(huì)隨著訪問(wèn)。

因此，這是在Web開(kāi)發(fā)中要學(xué)習(xí)的第一件事·HTML5語(yǔ)義元素，屬性，文檔類(lèi)型等·CSS基礎(chǔ)知識(shí)顏色，字體，位置，盒子模型等·CSSGrid和Flexbox對(duì)齊內(nèi)容或創(chuàng)建列·CSS自定義屬性4響應(yīng)式布局您的應(yīng)用程序應(yīng)該在所有類(lèi)型的設(shè)備例如智能。