方法：

1、在網(wǎng)頁頭部加上這樣一條meta標(biāo)簽：

解釋：

width=device-width ：寬度等于設(shè)備屏幕的寬度

initial-scale=1。0：表示：初始的縮放比例

minimum-scale=0。5：表示：最小的縮放比例

maximum-scale=2。

0：表示：最大的縮放比例

user-scalable=yes：表示：用戶是否可以調(diào)整縮放比例

另外：如果想控制字體的大小的話，應(yīng)該使用相對大小，可以用下面這段代碼，一般不用也可，這里只是說明一種方法。

相對大小的字體

字體也不能使用絕對大小px，而只能使用相對大小em。

body {font: normal 100% helvetica, arial, sans-serif;}

上面的代碼指定，字體大小是頁面默認(rèn)大小的100%，即16像素。

h1 {font-size: 1。5em; }

然后，h1的大小是默認(rèn)大小的1。

5倍，即24像素(24/16=1。5)。

small {font-size: 0。875em;}

small元素的大小是默認(rèn)大小的0。875倍，即14像素(14/16=0。875)。

2、讓網(wǎng)頁適應(yīng)不同的瀏覽器

瀏覽器的格局現(xiàn)在是兩分天下，一分是ie，另一分是netscape，在國內(nèi)ie有絕對的占有率，在這種情況下我們設(shè)計的網(wǎng)頁只要兼容它就行了，但netscape在國外還是有很多人使用，畢竟它是瀏覽器的元老。

雖然沒有辦法做出讓所有瀏覽器都兼容的網(wǎng)站，但只要注意以下幾點(diǎn)，做出來的網(wǎng)頁在各個瀏覽器都中能達(dá)到比較好的顯示效果：

a、不要混合使用層和表格排版，如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi)。

b、內(nèi)聯(lián)式的 css 在 netscape navigator 中經(jīng)常會出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式。

c、有時需要在空層插入表格或者透明圖片，以保證在 netscape navigator 里的效果。

d、對于只有幾個像素寬度或高度的層，改用圖片來實(shí)現(xiàn)。

e、避免使用 w3c 組織不推薦的排版屬性，用 css 代替。

全部

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的html怎么设置页面自适应屏幕大小,网页设计设置页面自适应屏幕宽度的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。