1、首先，在網頁代碼的頭部，添加一行viewportmeta標簽viewport是網頁的默認寬度和高度上面的代碼意味著網頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網頁的初始大小占屏幕面積的100%。

2、全屏寬度主要在于CSS代碼，將寬度設置為100%，而不是固定的像素值代碼如下手機網絡設置的自適應方法在網頁標題中添加這樣一個meta標簽解釋怎么讓chrome或者自帶瀏覽器自動適應手機屏幕chrome或者自帶瀏覽器自動適應手機屏。

3、1右擊桌面選屬性設置，看看分辨率設置是否合適Win7是開始控制面板外觀和個性化調整屏幕分辨率選分辨率下拉列表中合適的分辨率按應用，在選“保持”使用新的分辨率，或選還原到以前的分辨率如果改不了分辨率，請下載。

4、現在大部分網友還在用800*600的分辨率，所以我們一般可以把重點放在這個分辨率上只要 如何讓應用自適應電腦分辨率如何讓PC端不同屏幕大小分辨率自適應 前提因為項目需求是在已有的項目里面增加自適應，不影響其他頁面的已有。

5、除了布局和文本，”自適應網頁設計”還必須實現圖片的自動縮放這只要一行CSS代碼img maxwidth 100% 這行代碼對于大多數嵌入網頁的視頻也有效，所以可以寫成img， object maxwidth 100% 老版本的IE不。

6、4勾選自適應屏幕確定，即可將瀏覽器窗口設置自適應屏幕大小 網頁上部分標題怎么自適應分辨率1雙擊打開AxureRP8設計軟件，在基本元件中拖曳一個矩形1到畫布上2再次在基本元件里拖曳兩個按鈕到畫布上，放在矩形框。

7、圖片自適應，且不超過原始大小，需要設置最大寬度，代碼如下img width100% maxwidth100%改進功能 瀏覽器首次使用時，根據用戶顯示分辨率大小決定是否默認顯示收藏欄打開多個標簽關閉瀏覽器時，提示用戶確認搜索。

8、* 小屏幕平板，大于等于 768px媒體查詢的寫法 *@media minwidth @screensmmin * 中等屏幕桌面顯示器，大于等于 992px媒體查詢的寫法 *@media minwidth @screenmdmin。

9、如果訪問者分辨率大于等于 1280 ifscreenwidth = 1280 顯示 #box documentgetElementByIdquotboxquotstyledisplay = quotblockquot 你也可以把下面的代碼加入，作用是當用戶改變窗口大小的時候，如果。

10、1首先，在網頁代碼的頭部，加入一行viewport元標簽viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網頁初始大小占屏幕。

11、自適應網頁設計指能使網頁自適應顯示在不同大小終端設備上新網頁設計方式及技術當然，對一個新手來說可能聽起來有點復雜，其實它比你想象的簡單多了前提你有css基礎1在HTML頭部增加viewport標簽在網站HTML文件的。

12、高度和寬度盡量使用百分百，像素px換成emrem這種，網頁會根據大小來自適應，要想使用效果好，就需要根據不同分辨率來設置層的高寬字體大小，設置幾套樣式來應用 media screen and minwidth640px *屏幕大于640。

13、body width autoheight auto 然后打開你的網頁在上面加上一句代碼 這樣不管你的顯示器和瀏覽器多大，里面的內容顯示都是滿屏的。

14、無論是電腦還是手機，要做到自適應屏幕，其實都是一樣的首先，在網頁代碼的頭部，加入一行viewport標簽 viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比。

15、min980pxcss文件里要用百分比的方式來布局，這樣布局就自適應了，另外字體的大小也要用自適應才行，如大小用em做單位當布局縮小時，布局也有相應的改變，如隱藏一些不大重要的內容最好就是找一些響應式網頁設計的書籍。