1選擇基本設(shè)計尺寸，一般以1080為基準確定響應(yīng)式網(wǎng)頁設(shè)計的應(yīng)用場景后，與美工或設(shè)計師溝通之前，美工通常需要制作幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖現(xiàn)在，使用streaminglayout和rem，可以使用一套設(shè)計圖，以最常用的。

lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initialscale=1quot lttitleindex01lttitle ltlink href=quotstyle01cssquot type=quottextcssquot rel=quotstyle。

1選定基本設(shè)計尺寸，一般以1080為基準確定響應(yīng)式web設(shè)計的應(yīng)用場景之后，和美工或設(shè)計師溝通，之前，一般需要美工出幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖，現(xiàn)在，使用流式布局以及rem等可以使用一套設(shè)計圖，以最常用的移。

1圖片寬高固定，這種情況很簡單水平居中就在圖片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度圖片的高度2，得到margintop值即可2圖片高度未知，這個布局比較難實現(xiàn)一般我是用js做的。

如果是在學(xué)習網(wǎng)頁布局的相關(guān)知識，可以弄本HTML5布局之路，來輔助自己的學(xué)習 解釋響應(yīng)式布局，怎么實現(xiàn)的有幾種方法實現(xiàn)1原生代碼實現(xiàn)在國內(nèi)目前設(shè)計網(wǎng)頁的時候，一般會分成PC端和移動端兩套頁面，但在一定的情況下。

實現(xiàn)原理代碼thead floatleft tbody displayblockwidthautooverfloauto二響應(yīng)式內(nèi)容1響應(yīng)式圖片帶寬是手機終端的硬傷，如果我們只是頁面布局做了響應(yīng)式處理，在我們用手機訪問時，請求的圖片還是PC上的大圖文件體積。

也就是一半colsm6 代表在平板上也顯示div占當前行的一半colxs12 代表在手機端顯示為當前行的百分之百填充3還有其他方式，如JQuery和專門做響應(yīng)式的JS文件，比如nicebox均能實現(xiàn)自適應(yīng)效果，實現(xiàn)響應(yīng)式布局。

你應(yīng)該說的是響應(yīng)式布局吧響應(yīng)式布局是EthanMarcotte在2010年5月份提出的一個概念，簡而言之，就是一個網(wǎng)站能夠兼容多個終端而不是為每個終端做一個特定的版本這個概念是為解決移動互聯(lián)網(wǎng)瀏覽而誕生的響應(yīng)式布局。

bootstrap是基于html5技術(shù)的一個好用的前端代碼框架，可以簡單的復(fù)制粘貼，修修改改做一個漂亮頁面 響應(yīng)式設(shè)計是一種設(shè)計實現(xiàn)理念 ，css3的meida query功能讓這個理念的實現(xiàn)變的現(xiàn)實而方便H5是指在html5標準推行以后，利用。

響應(yīng)式布局概念響應(yīng)式web布局是讓用戶通過不同尺寸的瀏覽器都可以獲得良好視覺的一種方法是目前比較流行的一種布局方法 bootstrap響應(yīng)式布局實現(xiàn)原理通過CSS3 Media Queries媒體設(shè)備查詢，媒體查詢是讓頁面內(nèi)容。

如何在手機上開發(fā)頁面和webhtml有區(qū)別嗎兩者沒有區(qū)別在手機上開發(fā)網(wǎng)頁有很多方法目前html5的發(fā)展不夠均衡，導(dǎo)致各大瀏覽器對h5的支持都不盡如人意但是它增加了@media屬性它屬于css3，這里不嚴格區(qū)分html5和css3。

0 求HTML指教，當瀏覽器窗口大小變化時，如何讓內(nèi)容布局不變簡單點就是布局設(shè)置寬度的時候，用百分百設(shè)置但這樣還是很容易出問題內(nèi)容溢出，內(nèi)容移位最好就是用響應(yīng)式布局，專門針對各個分辨率進行設(shè)計css。

什么是H5響應(yīng)式布局？代碼什么的，不方便理解簡單說來，幾年前，我們?yōu)閷崿F(xiàn)移動端和PC端網(wǎng)頁相同的呈現(xiàn)效果，需要開發(fā)兩個單獨的網(wǎng)站響應(yīng)式布局的出現(xiàn)，能幫我們實現(xiàn)“一次設(shè)計，普遍適用”的效果，網(wǎng)頁根據(jù)終端自動調(diào)整。

HTML5是無法做這個事情的準確點說應(yīng)該是用CSS的響應(yīng)式布局這個東西你可以去看一下bootstrap，這個前端框架就是大量利用了這個技術(shù)。

2設(shè)計方法使用@media媒體查詢給不同尺寸和介質(zhì)的設(shè)備切換不同的樣式在優(yōu)秀的響應(yīng)范圍設(shè)計下可以給適配范圍內(nèi)的設(shè)備最好的體驗，在同一個設(shè)備下實際還是固定的布局四響應(yīng)式布局ResponsiveLayout隨著CSS3出現(xiàn)了媒體。