A. 如何讓網頁在瀏覽器自適應屏幕大小
一、首先，在網頁代碼的頭部，加入一行viewport元標簽。
<meta name=」viewport」 content=」width=device-width, initial-scale=1″ />
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置，包括IE9。對於那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
<!–[if lt IE 9]>
<script src=」http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js」></script>
<![endif]–>
二、不使用絕對寬度
由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。
具體說，CSS代碼不能指定像素寬度：
width:xxx px;
只能指定百分比寬度：
width: xx%;
或者
width:auto;
三、相對大小的字體
字體也不能使用絕對大小（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）。
四、流動布局（fluid grid）
「流動布局」的含義是，各個區塊的位置都是浮動的，不是固定不變的。
.main {
float: right;
width: 70%;
}
.leftBar {
float: left;
width: 25%;
}
float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。
另外，絕對定位（position: absolute）的使用，也要非常小心。
五、選擇載入CSS
「自適應網頁設計」的核心，就是CSS3引入的Media Query模塊。
它的意思就是，自動探測屏幕寬度，然後載入相應的CSS文件。
<link rel=」stylesheet」 type=」text/css」
media=」screen and (max-device-width: 400px)」
href=」tinyScreen.css」 />
上面的代碼意思是，如果屏幕寬度小於400像素（max-device-width: 400px），就載入tinyScreen.css文件。
<link rel=」stylesheet」 type=」text/css」
media=」screen and (min-width: 400px) and (max-device-width: 600px)」
href=」smallScreen.css」 />
如果屏幕寬度在400像素到600像素之間，則載入smallScreen.css文件。
除了用html標簽載入CSS文件，還可以在現有CSS文件中載入。
@import url(「tinyScreen.css」) screen and (max-device-width: 400px);
六、CSS的@media規則
同一個CSS文件中，也可以根據不同的屏幕解析度，選擇應用不同的CSS規則。
@media screen and (max-device-width: 400px) {
.column {
float: none;
width:auto;
}
#sidebar {
display:none;
}
}
上面的代碼意思是，如果屏幕寬度小於400像素，則column塊取消浮動（float:none）、寬度自動調節（width:auto），sidebar塊不顯示（display:none）。
七、圖片的自適應（fluid image）
除了布局和文本，」自適應網頁設計」還必須實現圖片的自動縮放。
這只要一行CSS代碼：
img { max-width: 100%;}
這行代碼對於大多數嵌入網頁的視頻也有效，所以可以寫成：
img, object { max-width: 100%;}
老版本的IE不支持max-width，所以只好寫成：
img { width: 100%; }
此外，windows平台縮放圖片時，可能出現圖像失真現象。這時，可以嘗試使用IE的專有命令：
img { -ms-interpolation-mode: bicubic; }
或者，Ethan Marcotte的imgSizer.js。
addLoadEvent(function() {
var imgs = document.getElementById(「content」).getElementsByTagName(「img」);
imgSizer.collate(imgs);
});
不過，有條件的話，最好還是根據不同大小的屏幕，載入不同解析度的圖片。有很多方法可以做到這一條，伺服器端和客戶端都可以實現。
B. 網頁頁面大小怎麼調
問題一：怎樣把網頁比例調至正常大小？急求！ 第一個就是打開瀏覽器的設置中心，檢查頁面百分比設置的情況， 然後還有橘擾知一些個簡單的他會在菜單欄 或者頁面右下角會有一個頁面顯示的比例，試試看咯
問題二：電腦網頁的屏幕大小怎麼調 滑鼠放到網頁邊角，直接拖拉。
問題三：如何調整網頁和屏幕上的字的大小 1、桌面點右鍵 屬性---盯擇外觀---字體大小---選正常 這樣字體就改過來了
2、字體改過來之後 把電腦解析度調一下 如果周邊還不是滿屏的話 建議你調下顯示器就好了
希望我的回答對你有幫助！~
問題四：如何調整電李爛腦顯示的網頁的字體大小？ 在瀏覽器的右下角最右邊有一個顯示圖標，顯示 「100%」
問題五：網頁上的字變大了怎麼調小 按住「crtl福同時滾動滑鼠的滾輪就可以調節了，或在網頁的右下角有個如圖片的你把它調到100%就可以了
問題六：如何調整網頁大小！高分 嗯 打開瀏覽器，點擊菜單中的頁面，選擇縮放，然後就有縮放的比例可以調節的。
問題七：網頁的字很小，怎樣調大 先滑鼠左鍵單擊一下，然後按住CTRL鍵滾動滑鼠。
滑鼠軸是滑鼠中間可以滑動的那個東西。
往前滾動可以調大，後面調小
問題八：如何改變IE瀏覽器網頁的大小尺寸 你的可能是縮放比例變小啦！顯得這個樣子！就是用瀏覽器右圓消下方的縮放按鈕，調成100%就好了！
問題九：怎麼調網頁的比例大小 50分 NO，你問的問題實在太經典，但最簡單的方法就是按住ctrl然後滾動滑鼠軸。。嘿嘿
問題十：瀏覽器的窗口大小怎麼設置啊 你打開一個瀏覽器窗口，然後用訂標左鍵在窗的右下角拖動窗口至最大化，然後關掉窗口重新打開IE就好了，這樣可以調到任意固定的大小
C. 瀏覽器打開後，網頁內容太大，超出顯示屏，請問：如何調整瀏覽器內容的大小使其大小和顯示屏一樣。
1、以谷歌瀏覽器為例，如圖，打開瀏覽器後，在頁面右上角找到自定義及控制圖標，點擊，
2、在彈出框里找到「縮放」選項瞎胡，就會看到目前的縮放比例是多少，正常縮放是100%；
3、如果想縮小，則按左邊亂神緩的「-」鍵，點一下左鍵縮小10%比例，可在頁面左邊查看縮小後的效果；如果想放大，則按右邊的「+」鍵，點一下右鍵也是10%比例放大，調整到你想要的比例大小則可。嘩模
D. 電腦瀏覽器怎麼設置頁面大小
瀏覽器為了方便，基本上都有設置頁面大小的功能。下面由我為你整理了電腦瀏覽器怎麼設置頁面大小的解決方法，希望對你有幫助!
電腦瀏覽器設置頁面大小方法如下
不同的瀏覽器，設置方法有的一樣，有的不一樣，我先以網路瀏覽器做個例子，打開網路瀏覽器
點擊右上角，有三個橫的圖標，然後出來一個下拉框，你可以看到縮放這個字眼，點擊旁邊的+ -，可進行界面大小的設置，當然也可點擊全屏設置，也是不錯的效果。
360瀏覽器的設置跟網路的不一樣，跟搜狗瀏覽器的一樣，先打開瀏覽器，點擊右上角的查看，會出現一個下拉框，點擊網頁縮放
選擇你自己喜歡的比例，點擊下比例，界面就會自動變成相對應的界面，看下效果，剛開始，你可以都試下，最後設置成自己喜歡的就可以了
猜你喜歡：
1. 電腦怎麼調整網頁大小
2. 電腦上網頁列印字體的大小怎麼樣設置
3. 電腦顯示器怎樣適應屏幕大小
4. 怎麼設置電腦桌面背景和大小比例調試
5. 電腦顯示器怎麼設置字大小
E. 如何調節瀏覽器窗口大小
滑鼠
這是正常顯示的瀏覽器窗口，瀏覽器窗口頁面大小和屏逗坦幕大小一致。
然後，按住Ctrl鍵的同時滑鼠滾輪向上滾動，使頁面放大。
同理，按住Ctrl鍵和滑鼠滾御基輪向上滾動，可以實現頁面縮小。
最後山拆桐，按Ctrl鍵和數字0，實現還原，使瀏覽器窗口恢復到正常尺寸大小。
此方法在需要截圖文欄位落等方面意義會更大些。
F. 電腦頁面小怎麼設置變大
可以通過以下方法進行處理：
1、上網時將瀏覽器縮放比率設置為100%，一般情況下，網頁設計者都會考慮網頁的比例尺寸，100%是設計者理解的視覺體驗。在打開一個網頁時，點擊瀏覽器右下角的「瀏覽器縮放功能」，在彈出的列表中選擇「縮放比例羨團兆100%」即可。如果覺得還是不合適，可選擇適當的進入增大或減小調整；
2、通過更改文字大小來調整網頁的整體視覺效果。點擊「查看」兄租菜單，從中選擇「文字大小」，如果覺得網頁太小，則可以將文字調大一些，例如選擇「較大」，會發現網頁中的字體總體變化，這樣就更有利於閱讀；
3、通過設置屏幕的解析度來達到更加合適的效果。由於目前大部分網頁設計時參加的解析度都是1024*768，而或慎目前大部分計算機的解析度都遠大於這個數據，從而導致瀏覽器在瀏覽網頁時兩側會留下過多的空白，這在一定程序上影響上網者的閱讀和查看。具體設置方法：在桌面上右擊，從彈出的菜單中選擇「屏幕解析度」，在彈出的「屏幕解析度」窗口中將解析度設置為「1024*768」，最後點擊「確定」完成設置。此時再打開網頁時發現整個屏幕正好被網頁內容占滿；
4、在瀏覽網頁的過程中，如果發現網頁太小或太大，均可以通過快捷方式來實現網頁大小的任意設置。實現方法：按住鍵盤上的「Ctrl」鍵不放，然後通過滾動滑鼠中間的「滾輪」來實現網頁內容的任意大小調整。
G. 如何設置瀏覽器的頁面大小
方法一：打開瀏覽器，打開要訪問的頁面襲慶，按住Ctrl鍵，然後滑動滑鼠上的滑輪，向上滑是放大，向下滑是縮小。
方法二：點擊瀏覽器上的菜單選項，在滾禪虧網頁縮放中選擇自己需要的比例，如果用方法一調大神整之後不知道現在的比例是多少，也可以使用這方法直接選擇百分之百的比例恢復原狀。