A. 如何讓網頁在瀏覽器自適應屏幕大小
方法：
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 代替。
B. 火狐瀏覽器如何令網頁圖片適應當前窗口的大小
您好，感謝您對火狐的支持
實現圖片大小自適應可以用javaScript實現也可以使用css實現，我們看看css實現方法，在 中添加如下代碼：
img{ max-width:650px;width;expression(this,width>650&&this.width>族山this.height? 650px:'auto';)max-height:1650px;heiht;expresion(this.height>1650 ? 1650px:'auto');}
cc以上鍵扒代碼就是如果圖片超過650px就會自動縮小到650px，從而不稿穗昌影響頁面效果。
您可以在火狐官方網站下載火狐瀏覽器，在火狐社區了解更多內容。希望我的回答對您有所幫助，如有疑問，歡迎繼續在本平台咨詢。
C. 求問用flash做網頁如何用代碼實現網頁大小自適應瀏覽器頁面
要讓flash自適應瀏覽器屏幕大小需要做到以下兩點：
塵和1、swf文件隨著瀏覽器屏幕派昌盯大小也相應改變大下；
方法：在網頁里除了放你的swf文件外不要放其他的任何內容，並且swf文件的寬，高都設為100%;(可以看我的源文件里的fullscreen.htm文件)；
2、迅告當swf文件大小改變時，flash 內容也相應重新安排。
當調整瀏覽器大小時，swf文件大下相應發生變化。使用了Stage 對象的onReisize事件來改變loader組件的大下和位置。
D. 怎麼用jQuery/HTML/Div+CSS按瀏覽器屏幕大小自適應布局
少用 js 多用 CSS, 提升運行效率. 另外 resize 事件當用滑鼠拖放窗口大小時, 觸發非常頻繁, 謹慎使用.
建議 body 下 布局一個 DIV, 這個DIV 的 CSS 可以這樣處理:
{
position:absolute;
left:0px;
right:0px;
卜含雹top:0px;
bottom:0px;
overflow:auto;
}然後再在這個 div中進行布局, 子div可以用 100%相對布局, 頁面寬度就自動撐開了.
另外一種常用布型帆局是用 table 設置寬度為100%進行老鏈布局, 不過有很多局限, 用的少了.
E. 怎麼製作html5網站頁面讓它適應電腦和手機的尺寸
媒體查詢語法：
@media screen and (max-width:960px){...}
@media screen and (max-width:768px){...}
@media screen and (max-width:320px){...}
<link rel="stylesheet" media="screen and (orientation:portrait) and (min-width:800px),projection" href="800wide-portrait-screen.css" />
注意：1，媒體查詢之間使用逗號隔開；2，在projection之後，沒有，也沒有任何特性/值的組合。沒有後續表達式，意味著只要是projection就滿足條件。
@media screen and (max-device-width:400px){......}
@import url("~~.css") screen and (max-width:360px);
（@import方法會增加http請求，影響載入速度。）
媒體查詢能檢測的特性（最長用過的是設備的視口寬度(width)和屏幕寬度(device-width)）：
widht：視口寬度
height：視口高度
device-width：渲染表面的寬度（設備屏幕的寬度）
device-height：渲染表面的高度（設備屏幕的高度）
orientation：檢查設備處於橫向還是縱向。
aspect-ratio：基於視口寬度和高度的寬高比。(16:9的顯示屏可以定義為aspect-ratio:16/9)
device-aspect-ratio:和aspect-ratio類似，基於設備渲染平面寬度和高度的寬高比。
color：每種顏色的位數。例：min-color：16會檢測設備是否擁有16位顏色。
color-index：色板的顏色索引表中的顏色數。值必須是非負數。
monochrom：檢測單色幀緩沖區中每像素所使用的位數。值必須是非負整數。
resolution：用來檢測屏幕或列印機的解析度，如min-resolution：300dpi。還可以接受每厘米像素點數的度量值，如min-resolution：118dpcm。
scan：電視機的掃描方式，值可設為progressive（逐行掃描）或interlace（隔行掃描）。如720p p表示逐行掃描。
grid：用來檢測輸出設備是網格設備還是點陣圖設備。
在上述所有特性中，除scan和grid之外，都可以使用min和max前綴來創建一個查詢范圍。例如：
@import url("~~.css") screen and (min-width:200px) and (max-width:360px);這樣~~.css只會引入視口寬度介於200px至360px的顯示屏設備。
在樣式表的開頭位置設置樣式，以便適應所有涉及，然後使用媒體查詢來進一步重寫響應的部分。例如，先針對大視口設計(用戶大多數情況下使用滑鼠)，將導航鏈接設計成簡單的文字鏈接；然後再針對較小的視口，使用媒體查詢重寫這部分樣式，為拇指一族提供更大點擊區域。
使用多個獨立的文件會增加http請求數量，建議在已有的樣式表中追加媒體查詢樣式。（https://github.com/scottjehl/Respond）是為IE8及更低版本增加媒體查詢支持的最快的js工具。
阻止移動瀏覽器自動調整頁面大小：
在html的<head>中插入一個<meta>標簽。<meta>標簽中可以設置具體的寬度(如px)或者縮放比例(如2.0 設備實際尺寸的兩倍)。例如：<meta name="viewport" content="initial-scale=2.0,width=device-width">
<meta>標簽還可以控制頁面可縮放的范圍，下面的代碼允許用戶將頁面最多放大至設備寬度的3倍，最小壓縮至設備寬度的一半。<meta name="viewport" content="width=device-width,maximum-scale=3,minimum-scale=0.5">
還可以禁止用戶縮放，不過縮放是一個重要的輔助功能，所以很少禁用。<meta name="viewport" content="initial-scale=1.0,user-scalable=no"> user-scalable=no即禁止縮放。
w3c正嘗試使用@viewport聲明，不用在<head>中添加<meta>，不過要使用私有前綴，如@-o-viewport{width:320px}
針對不同視口寬度修正設計：
首先在css中為平板設備增加媒體查詢，數值ipad的視口寬度為768px（橫向1024px）
@media screen and (max-width:768px){
#wrapper{
widht:768px;
}
#header,#footer,#nav {
width:748px;
}
}
=============================這只是一部分筆記===========
推薦一本書 響應式Web設計：HTML5和CSS3實戰.pdf
F. div+css 如何自動適應瀏覽器大小
網頁自適應瀏覽器大小：
首先要在頭部，即<謹歷head></head>標簽內寫自適應代碼，如下：
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
其次，網頁內部的元素寬度要使用百分比，在不同的屏幕大小下需使用祥顫搜媒體查詢定義不同的css代碼，例如：
@media screen and (max-width:640px){
element{ color:#ff0000; } //屏幕洞蘆寬度小於640px時顯示紅色字體
}
@media screen and (max-width:480px){
element{ color:#0000ff; } //屏幕寬度小於480px時顯示藍色字體
}
G. js如何限定瀏覽器顯示的最小窗口大小
JS控制瀏覽器窗口的大小代碼之一：
<script>
window.moveTo(0,0);//移動窗口
window.resizeTo(800,600);//改變大小
window.onresize=newFunction("window.resizeTo(800,600);")
</script>
JS控制瀏覽器窗口的大小代碼之二：
<SCRIPT>
if(window!=top)top.location.href=location.href;
self.resizeTo(800,600);
</SCRIPT>
JS控制瀏覽器窗口的大小代碼之三：
<scriptlanguage="javascript">
functionopenWin()
{
vari=0;
i=open("","","width=500,height=500");
}
</script>
JS控制瀏覽器窗口的大小代碼之四：
<SCRIPTlanguage=JavaScript>
varnew_width=800;//你要固定的瀏覽器寬度
varnew_height=600;//你要固定的瀏覽器高度
functionresizewindow()
{
window.resizeTo(new_width,new_height);
}
resizewindow();
</SCRIPT>