A. 做網站時如何讓頁面自適應大小
做網站讓頁面自適應大小方法代碼如下：
一、電腦站設置網站自適應方法
全屏寬度主要在於CSS代碼中，將width為100%，而不是一個固定的像素值，代碼如下。
手機網設置網自適應方法：
在網頁頭部加上這樣一條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：表示：用戶是否可以調整縮放比例。
B. 如何調整網頁大小與屏幕適應
第一種方法：可以按著Ctrl鍵，然後滾動滑鼠滑輪對網頁大小進行調整。調整到與電腦屏幕大小相適應的程度即可。
第二種方法：點擊瀏覽器右下角的縮放頁面比例，然後對網頁進行相對應的調整即可。
C. 如何讓網頁頁面跟著瀏覽器窗口縮小而縮小
只要網頁的頁面是用百分比設置的，而不是用固定值設置的大小，都可以隨瀏覽器窗口縮小而縮小，放大而變大。
D. 怎麼可以使頁面的大小隨著屏幕大小而變化大小
需要使用CSS才可以做到，具體代碼如下：
<styletype="text/css">.
bgimage{
position:fixed;z-index:-1;//這兩句時最重要的，前
//句使圖片始終顯示在當前頁，後一句是使圖片顯示在最底層。
}.
bgimageimg{heiht:100%;width:100%;}
</style>
E. 怎麼讓瀏覽器自動適應頁面大小
方法一：按住ctrl鍵然後在滑動滑鼠，向下滑是縮小，向上滑是放大。
方法二：點擊瀏覽器的「頁面縮放」，在移動到相應的比例就好。
方法三：瀏覽器現在設置里都有一個選項是適應屏幕。點擊適應屏幕即可自動適應當前頁面大小。
F. 網頁怎麼根據用戶屏幕大小自動調整網頁寬度
你可以在瀏覽器菜單欄當中選擇【查看】，【查看】裡面有個【網頁縮放】，你可以在【網頁縮放】當中進行調整適合屏幕的寬度，多嘗試幾次就可以設置好了。設置好之後，你以後每次使用瀏覽器的時候，它的寬度都是你自己設置的好的寬度，是不會變動的了。
G. 如何讓網頁自適應屏幕大小
1.首先，在網頁代碼的頭部，加入一行viewport元標簽。
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置，包括IE9，對於那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用絕對寬度由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。具體說，CSS代碼不能指定像素寬度：width:xxx px;
只能指定百分比寬度：width: xx%;或者width:auto;
3、相對大小的字體
字體也不能使用絕對大小（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）。
H. 如何讓網頁在瀏覽器自適應屏幕大小
方法：
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 代替。