站長(zhǎng)資訊網(wǎng)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是針對(duì)多屏幕問(wèn)題的一個(gè)很好的解決方案，但從印刷的視角來(lái)看有點(diǎn)困難。沒(méi)有固定的頁(yè)面尺寸，沒(méi)有毫米或英寸，沒(méi)有任何的物理限制，無(wú)從下手。為了desktop和mobile單獨(dú)使用像素設(shè)計(jì)的方法也成為了過(guò)去，因?yàn)樵絹?lái)越多的設(shè)備都可以打開網(wǎng)站。因此，我們需要弄清楚響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的一些基本原則，接受流體網(wǎng)頁(yè)，而不是與之相抗。1.響應(yīng)式 vs 自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)它們看起來(lái)似乎是相同的，但事實(shí)并非如此。這兩種方法相輔相成，并沒(méi)有說(shuō)哪個(gè)是正確的那個(gè)是錯(cuò)誤的，內(nèi)容決定一切。2.內(nèi)容流動(dòng)隨著屏幕尺寸變小，內(nèi)容將會(huì)占據(jù)更多的垂直空間，而下方的內(nèi)容就會(huì)被接著往下推，這就是所謂的流動(dòng)。如果你是使用像素和磅來(lái)進(jìn)行設(shè)計(jì)的，這可能會(huì)有點(diǎn)棘手，但是當(dāng)你習(xí)慣了之后，就會(huì)變得很有意義了。3.相對(duì)單位畫布大小可以是desktop、mobile或是它們之間的任何尺寸。像素密度也可以有所不同，所以我們需要靈活的、在各種屏幕上
1. 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)9個(gè)要點(diǎn)
簡(jiǎn)介：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是針對(duì)多屏幕問(wèn)題的一個(gè)很好的解決方案，但從印刷的視角來(lái)看有點(diǎn)困難。沒(méi)有固定的頁(yè)面尺寸，沒(méi)有毫米或英寸，沒(méi)有任何的物理限制，無(wú)從下手。
2. 14個(gè)免費(fèi)的響應(yīng)式網(wǎng)頁(yè)測(cè)試工具
簡(jiǎn)介：PHP中文網(wǎng)是國(guó)內(nèi)第一家以PHP資源分享為主的專業(yè)網(wǎng)站，也提供了PHP中文交流社區(qū)。面向PHP學(xué)習(xí)研究者提供：最新PHP資訊、原創(chuàng)內(nèi)容、開源代碼和PHP視頻教程等相關(guān)內(nèi)容。
3. 深入解析自適應(yīng)設(shè)計(jì)與響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)
簡(jiǎn)介：自從移動(dòng)終端飛速發(fā)展以來(lái)，各種各樣的機(jī)型突飛猛進(jìn)，很多網(wǎng)站的解決方法，是為不同的設(shè)備提供不同的網(wǎng)頁(yè)，比如專門提供一個(gè)mobile版本，或者iPhone/iPad版本。這樣做固然保證了效果，但是比較麻煩，同時(shí)要維護(hù)好幾個(gè)版本，而且如果一個(gè)網(wǎng)站有多個(gè)portal（入口），會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。
4. CSS3中的media媒體查詢
簡(jiǎn)介：媒體查詢多用于響應(yīng)式網(wǎng)頁(yè)中。1.初始化設(shè)置：在HTML文件中，網(wǎng)頁(yè)頂部<head></head>標(biāo)簽中插入一句話：<meta name=viewport content=width=device-width, initial-scale=1.0,&nb..
5. 讓你精通響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的15條建議(1)_PHP教程
簡(jiǎn)介：讓你精通響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的15條建議(1)。讓你精通響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的15條建議(1) 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)變成新的web標(biāo)準(zhǔn)，許多公司已經(jīng)接受了這個(gè)挑戰(zhàn)，并且已經(jīng)建立起了專門的網(wǎng)頁(yè)
6. 十個(gè)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)工具_(dá)html/css_WEB-ITnose
簡(jiǎn)介：十個(gè)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)工具
7. 多個(gè)盒子一行排列的方法大全 響應(yīng)式網(wǎng)頁(yè)布局_html/css_WEB-ITnose
簡(jiǎn)介：多個(gè)盒子一行排列的方法大全 響應(yīng)式網(wǎng)頁(yè)布局
8. 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的9條基本原則_html/css_WEB-ITnose
簡(jiǎn)介：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的9條基本原則
9. 響應(yīng)式網(wǎng)頁(yè)布局，不能控制放縮，媒介查詢也不起作用，求解。_html/css_WEB-ITnose
簡(jiǎn)介：響應(yīng)式網(wǎng)頁(yè)布局，不能控制放縮，媒介查詢也不起作用，求解。
10. 閑聊響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的一些小點(diǎn)_html/css_WEB-ITnose
簡(jiǎn)介：閑聊響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的一些小點(diǎn)
【相關(guān)問(wèn)答推薦】：
html – 百度手機(jī)搜索的轉(zhuǎn)碼功能是通過(guò)那些依據(jù)來(lái)判斷某個(gè)網(wǎng)頁(yè)是否適應(yīng)手機(jī)端的？響應(yīng)式網(wǎng)頁(yè)無(wú)法識(shí)別？
javascript – 請(qǐng)教關(guān)于響應(yīng)式問(wèn)題。
