1、首先，在網(wǎng)頁代碼的頭部添加一行viewportmeta標(biāo)簽。Viewport是網(wǎng)頁的默認(rèn)寬度和高度。上面的代碼意味著網(wǎng)頁的默認(rèn)寬度等于屏幕寬度(width=device-width)，原始縮放比例(initial-scale=1)為0，即網(wǎng)頁的初始大小占屏幕面積的100%。
2、要輸入代碼進(jìn)行顯示。代碼：fullscreen=true。一般的頁面的寬度是1004，把頁面屬性的左右上下的邊距都設(shè)為0就可以全屏顯示了。還可以直接按F11按鈕，也可以使全屏顯示。
3、使用 “wrap_content”，系統(tǒng)就會將視圖的寬度或高度設(shè)置成所需的最小尺寸以適應(yīng)視圖中的內(nèi)容，而 “match_parent”（在低于 API 級別 8 的級別中稱為“fill_parent”）則會展開組件以匹配其父視圖的尺寸。
4、不使用絕對寬度 由于網(wǎng)頁會根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。
1、優(yōu)點大于缺點 頁面多終端自適應(yīng)顯示，提高用戶體驗感 使用同一網(wǎng)址，利于搜索優(yōu)化，提高網(wǎng)站排名 利于后期優(yōu)化維護(hù)，無需維護(hù)兩個網(wǎng)站。
2、后端也一樣，可以在管理后臺管理維護(hù)每個端口的頁面。響應(yīng)式網(wǎng)站的缺點 早期版本的瀏覽器兼容性不好 響應(yīng)式網(wǎng)站是近年來使用最新技術(shù)開發(fā)的，因此某些早期版本的瀏覽器可能會出現(xiàn)兼容性問題。
3、響應(yīng)式網(wǎng)站缺點 1：對低版本瀏覽器兼容性不友好 對于老版本瀏覽器支持不好，這是一個致命的問題。老版本瀏覽器上打開響應(yīng)式網(wǎng)站會經(jīng)常出現(xiàn)圖片顯示不全，排版錯亂等情況。
4、利于用戶體驗 響應(yīng)式網(wǎng)站，是良好用戶訪問體驗響應(yīng)式設(shè)計的呈現(xiàn)，改良了網(wǎng)頁內(nèi)容被插件約束的場所，豐富了多彩的網(wǎng)站，滿意了用戶視覺上的審美需求，且能夠提高網(wǎng)站的加載速率，利于提升用戶體驗度。
5、用戶體驗友好 響應(yīng)式網(wǎng)站可以根據(jù)不同終端、不同尺寸和不同應(yīng)用環(huán)境，自動調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小，提供非常好視覺展示效果，一致性友好體驗。
6、所謂響應(yīng)式網(wǎng)站，是指可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。簡單來說就是同一張網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局。
自適應(yīng) 自適應(yīng)布局是網(wǎng)頁內(nèi)容根據(jù)設(shè)備的不同而進(jìn)行適應(yīng)；通過檢測視口分辨率，來判斷當(dāng)前訪問的設(shè)備是PC端、平板還是手機(jī)，從而請求服務(wù)層，返回不同的頁面；需要根據(jù)不同使用場景開發(fā)多套界面。
自適應(yīng)布局是指通過JS及CSS的控制，借助rem、百分比等相對度量單位，在不同大小的設(shè)備上呈現(xiàn)相同的網(wǎng)頁。響應(yīng)式布局是指據(jù)屏幕的大小自動的調(diào)整頁面的展現(xiàn)方式，可以實現(xiàn)用一個網(wǎng)頁自動適應(yīng)不同大小的屏幕。
響應(yīng)式設(shè)計簡而言之就是一個網(wǎng)站能夠兼容多個終端，而不是為每個終端做一個特定的版本。在這里大家可以理解為做一個網(wǎng)站就能適應(yīng)多種設(shè)備，而不用在為每個設(shè)備做一個特定的版本，在不同的設(shè)備上展現(xiàn)的模式也不一樣。
Responsive design (響應(yīng)式設(shè)計)：建立一個網(wǎng)頁，通過CSS Media Queries，Content－Based Breakpoint（基于內(nèi)容的斷點）等技術(shù)來改變網(wǎng)頁的大小以適應(yīng)不同分辨率的屏幕。
響應(yīng)適是響應(yīng)屏幕尺寸，需要通過CSS來實現(xiàn) 自適應(yīng)感覺就是100%做寬度的網(wǎng)站，但是響應(yīng)式是通過css3mediaquery技術(shù)來實現(xiàn)的，兩者實現(xiàn)方式不一樣。
通過響應(yīng)式設(shè)計能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽閱讀體驗。一個網(wǎng)站能夠兼容多個終端，而不是為了每一個終端做一個特定的版本。
1、響應(yīng)式網(wǎng)頁設(shè)計（ResponsiveWebDesign簡稱RWD）這個術(shù)語，由伊桑馬科特（EthanMarcotte）提出，是一種網(wǎng)頁設(shè)計的技術(shù)做法。該設(shè)計應(yīng)當(dāng)根據(jù)設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。
2、響應(yīng)式網(wǎng)頁設(shè)計(Responsive Web design，通?？s寫為RWD)是指：頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。
3、響應(yīng)式網(wǎng)站又叫自適應(yīng)網(wǎng)站，這種網(wǎng)站可以根據(jù)用戶使用的設(shè)備，進(jìn)行相應(yīng)和調(diào)整，相同的網(wǎng)站和頁面在手機(jī)、平板電腦、臺式機(jī)、手提電腦上可以進(jìn)行自動適配，根據(jù)不同的屏幕尺寸，顯示出不同的界面。
4、概念：伊?！ゑR科特在2010年首次提出了響應(yīng)式網(wǎng)頁設(shè)計(RWD， Responsive Web Design)的概念。
5、響應(yīng)式網(wǎng)頁設(shè)計（Responsive Web Design簡稱RWD）這個術(shù)語，由伊桑馬科特（Ethan Marcotte）提出。
做網(wǎng)站都知道，做自適應(yīng)的網(wǎng)站有兩大難點，一是設(shè)計難，二是實現(xiàn)難。如果想要兩者完美的結(jié)合，就需要設(shè)計和前端多溝通，這樣才能做出無論pc端還是移動端都好看的網(wǎng)站。對于設(shè)計來說一般需要注意以下兩點。設(shè)計風(fēng)格扁平化。
自適應(yīng)網(wǎng)頁設(shè)計的時候盡量少用Flash動畫，盡管使用Flash動畫來進(jìn)行頁面設(shè)計會更好一些，但是對于搜索引擎來說，這點非常重要。
注重版式的設(shè)計，不要板塊冗雜；頁面版式的搭配，注重協(xié)調(diào)簡潔。舒緩的色彩設(shè)計在東莞網(wǎng)頁設(shè)計的過程中，設(shè)計者一定要注重頁面色彩的搭配，多用暖色調(diào)，協(xié)調(diào)搭配冷暖色。只有色彩足夠協(xié)調(diào)、舒緩，才能夠讓人有繼續(xù)停留的念頭。
下面介紹網(wǎng)頁自適應(yīng)布局的三個要點。viewport元標(biāo)簽在網(wǎng)頁代碼的頭部，加入一行viewport元標(biāo)簽。
在設(shè)計網(wǎng)站主頁布局時，需要注意以下方面： 頁面清晰：要有整體清晰明了的頁面布局，以便讓用戶快速地找到所需的信息。 用戶導(dǎo)航：確保頁面上有良好的導(dǎo)航，引導(dǎo)用戶順利地瀏覽整個網(wǎng)站。
網(wǎng)站的主題定位 在一個網(wǎng)站建設(shè)前首先要做好的就是網(wǎng)站的品牌定位，明確網(wǎng)站的定位是圍繞著集團(tuán)網(wǎng)站建設(shè)還是產(chǎn)品品牌角度出，網(wǎng)站的視覺風(fēng)格、頁面板塊、內(nèi)容核心等都會有區(qū)別。
1、響應(yīng)式網(wǎng)站是指頁面的設(shè)計開發(fā)都是根據(jù)用戶行為及設(shè)備環(huán)境進(jìn)行相應(yīng)的響應(yīng)和調(diào)整?？梢宰龅蕉喾N中斷訪問的自適應(yīng)。從某種意義上來說，就是是兼容性更強(qiáng)，流暢度更好。
2、響應(yīng)式網(wǎng)站又叫自適應(yīng)網(wǎng)站，這種網(wǎng)站可以根據(jù)用戶使用的設(shè)備，進(jìn)行相應(yīng)和調(diào)整，相同的網(wǎng)站和頁面在手機(jī)、平板電腦、臺式機(jī)、手提電腦上可以進(jìn)行自動適配，根據(jù)不同的屏幕尺寸，顯示出不同的界面。
3、網(wǎng)站建設(shè)的時間取決于多個因素，包括項目的復(fù)雜性、功能需求、設(shè)計要求、開發(fā)團(tuán)隊的經(jīng)驗等。
4、第一種：模板型網(wǎng)站建站時間 購買現(xiàn)成的模板，不需要另外花費時間進(jìn)行技術(shù)開發(fā)。主要的時間是花在網(wǎng)站備案上，網(wǎng)站備案大概需要14天，技術(shù)搭建部署1個工作日就可以。
