HTML頁面何適應(yīng)不同分辨率的顯示器可以通過響應(yīng)式布局自適應(yīng)網(wǎng)頁設(shè)計(jì)等方法1響應(yīng)式布局設(shè)計(jì)響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的。

首先建議你用html5來開發(fā)，然后，在網(wǎng)頁的 中增加以上這句話可以讓網(wǎng)頁的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth表示寬度是設(shè)備屏幕的寬度initialscale=10表示初始的縮放比例minimumscale=05表示。

ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在網(wǎng)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動(dòng)適應(yīng)手機(jī)屏幕的。

如何讓網(wǎng)頁適應(yīng)瀏覽器中的屏幕大小 首先，在網(wǎng)頁代碼的頭部，添加一行viewportmeta標(biāo)簽第二，不要用絕對(duì)寬度因?yàn)榫W(wǎng)頁的布局會(huì)根據(jù)屏幕寬度進(jìn)行調(diào)整，所以不能使用絕對(duì)寬度的布局或絕對(duì)寬度的元素這個(gè)很重要具體來說，CSS。

想要網(wǎng)頁寬度自適應(yīng)，需要把網(wǎng)頁元素寬度設(shè)置為百分比，還要在網(wǎng)頁頭部加上代碼ltmetaname=quotviewportquotcontent=quotwidth=devicewidth，initialscale=10quot圖片自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下img。

自適應(yīng)網(wǎng)頁設(shè)計(jì)Adaptive Web Design指能使網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上新網(wǎng)頁設(shè)計(jì)方式及技術(shù) 2010年，Ethan Marcotte提出了“自適應(yīng)網(wǎng)頁設(shè)計(jì)”Responsive Web Design這個(gè)名詞，指可以自動(dòng)識(shí)別屏幕寬度并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)。