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>