方法：
1、在網頁頭部加上這樣一條meta標籤：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
解釋：
width=device-width ：寬度等於裝置螢幕的寬度
initial-scale=1.0：表示：初始的縮放比例
minimum-scale=0.5：表示：最小的縮放比例
maximum-scale=2.0：表示：最大的縮放比例
user-scalable=yes：表示：使用者是否可以調整縮放比例
另外：如果想控制字型的大小的話，應該使用相對大小，可以用下面這段程式碼，一般不用也可，這裡只是說明一種方法。
相對大小的字型
字型也不能使用絕對大小px，而只能使用相對大小em。
body {font: normal 100% Helvetica, Arial, sans-serif;}
上面的程式碼指定，字型大小是頁面預設大小的100%，即16畫素。
h1 {font-size: 1.5em; }
然後，h1的大小是預設大小的1.5倍，即24畫素（24/16=1.5）。
small {font-size: 0.875em;}
small元素的大小是預設大小的0.875倍，即14畫素（14/16=0.875）。
2、讓網頁適應不同的瀏覽器
瀏覽器的格局現在是兩分天下，一分是IE，另一分是NetScape，在國內Ie有絕對的佔有率，在這種情況下我們設計的網頁只要相容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老。
雖然沒有辦法做出讓所有瀏覽器都相容的網站，但只要注意以下幾點，做出來的網頁在各個瀏覽器都中能達到比較好的顯示效果：
a、不要混合使用層和表格排版，如果是父子關係，如層中表格，不在此原則範圍內。
b、內聯式的 CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式。
c、有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 裡的效果。
d、對於只有幾個畫素寬度或高度的層，改用圖片來實現。
e、避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。
方法：
1、在網頁頭部加上這樣一條meta標籤：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
解釋：
width=device-width ：寬度等於裝置螢幕的寬度
initial-scale=1.0：表示：初始的縮放比例
minimum-scale=0.5：表示：最小的縮放比例
maximum-scale=2.0：表示：最大的縮放比例
user-scalable=yes：表示：使用者是否可以調整縮放比例
另外：如果想控制字型的大小的話，應該使用相對大小，可以用下面這段程式碼，一般不用也可，這裡只是說明一種方法。
相對大小的字型
字型也不能使用絕對大小px，而只能使用相對大小em。
body {font: normal 100% Helvetica, Arial, sans-serif;}
上面的程式碼指定，字型大小是頁面預設大小的100%，即16畫素。
h1 {font-size: 1.5em; }
然後，h1的大小是預設大小的1.5倍，即24畫素（24/16=1.5）。
small {font-size: 0.875em;}
small元素的大小是預設大小的0.875倍，即14畫素（14/16=0.875）。
2、讓網頁適應不同的瀏覽器
瀏覽器的格局現在是兩分天下，一分是IE，另一分是NetScape，在國內Ie有絕對的佔有率，在這種情況下我們設計的網頁只要相容它就行了，但NetScape在國外還是有很多人使用，畢竟它是瀏覽器的元老。
雖然沒有辦法做出讓所有瀏覽器都相容的網站，但只要注意以下幾點，做出來的網頁在各個瀏覽器都中能達到比較好的顯示效果：
a、不要混合使用層和表格排版，如果是父子關係，如層中表格，不在此原則範圍內。
b、內聯式的 CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式。
c、有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 裡的效果。
d、對於只有幾個畫素寬度或高度的層，改用圖片來實現。
e、避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。