Ethan Marcotte最早提出響應(yīng)式網(wǎng)頁制作，Ethan Marcotte在AList Apart發(fā)布的一篇具備開拓性實(shí)際意義的文章中，三種已經(jīng)有的研發(fā)方法被他融合下去，命名為響應(yīng)式網(wǎng)頁頁面。那樣，創(chuàng)建響應(yīng)式合理布局應(yīng)當(dāng)考慮到哪些因素呢？
一、瀏覽器
前提要了解到的是瀏覽器，瀏覽器是全部網(wǎng)頁頁面運(yùn)作的條件，品牌形象一點(diǎn)的說，網(wǎng)址是一個(gè)內(nèi)容物，而瀏覽器是儲(chǔ)放這一具體內(nèi)容物的器皿。每一個(gè)網(wǎng)頁頁面必不可少根據(jù)瀏覽器運(yùn)作，因而開展網(wǎng)頁設(shè)計(jì)的第一步便是掌握瀏覽器，在pc端，常見的有5種瀏覽器，而手機(jī)上有瀏覽器作用的手機(jī)軟件則有30種之多。但應(yīng)注意的是，很多瀏覽器根本無法算是是一個(gè)徹底獨(dú)立自主的瀏覽器，許多都僅僅根據(jù)同一瀏覽器，特別是安卓系統(tǒng)WebKit的不一樣版本號(hào)罷了。
手機(jī)上有4種瀏覽器種類：內(nèi)嵌瀏覽器，可下載瀏覽器，代理商瀏覽器，及其WebView。因?yàn)楝F(xiàn)階段安卓系統(tǒng)和IOS占有著挪動(dòng)端絕大多數(shù)銷售市場(chǎng)。因而，為了能降低任務(wù)量，大家開展響應(yīng)式網(wǎng)頁界面設(shè)計(jì)設(shè)計(jì)方案的情況下可以先確保安卓系統(tǒng)和IOS上邊能運(yùn)作，再根據(jù)實(shí)際情況和費(fèi)用考慮到是不是兼容其它的瀏覽器。
二、視口
響應(yīng)式網(wǎng)站制作的另一個(gè)關(guān)鍵便是視口，視口的定義并非大家所了解的機(jī)器設(shè)備的顯示屏尺寸，顯示屏尺寸是機(jī)器設(shè)備的物理學(xué)表明地區(qū)。視口指的是瀏覽器對(duì)話框里的具體內(nèi)容地區(qū)，但不包含標(biāo)簽欄，菜單欄等，網(wǎng)頁頁面具體展現(xiàn)的地區(qū)便是視口。在桌面上瀏覽器中，只有一個(gè)視口其實(shí)就是瀏覽器對(duì)話框，在移動(dòng)端中，有下邊三個(gè)視口：
1、合理布局視口：與手機(jī)端瀏覽器屏幕寬度不關(guān)系，僅限定CSS的合理布局。
2、理想化視口：一種對(duì)機(jī)器設(shè)備而言最理想化的合理布局視口規(guī)格，由美國(guó)蘋果公司最開始引進(jìn)，有著最理想化的訪問與閱讀總寬。
3、視覺效果視口：客戶見到網(wǎng)址的地區(qū)，客戶能通過放縮來實(shí)際操作視覺效果視口。
響應(yīng)式合理布局最基本的工作中，便是把合理布局視口的大小設(shè)定為理想化視口。
三、媒體查詢
所說媒體查詢其實(shí)就是CSS里的if語句，它使我們能夠按照機(jī)器設(shè)備顯示器的特點(diǎn)設(shè)定相應(yīng)的CSS款式。根據(jù)適合自己的媒體查詢，就能夠很方便的依據(jù)例如機(jī)器設(shè)備特性來更改在網(wǎng)頁頁面里的具體內(nèi)容的動(dòng)態(tài)顯示。
真真正正的響應(yīng)式設(shè)計(jì)方法從總體上顛覆了大家現(xiàn)階段制作網(wǎng)頁的方式，了解之上三個(gè)方面，代表著你已經(jīng)有了設(shè)計(jì)方案響應(yīng)式網(wǎng)址的基本，能夠完成進(jìn)一步學(xué)了。
