HTML怎么让网页大小自动适应窗口？

用table的话，宽度采用百分比，比如width=“98%”，表格居中align=“center”就可以了。\x0d\x0a用div的话，宽度仍然采用百分比，样式margin: 0 auto就可以自动居中了。\x0d\x0a采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度。\x0d\x0a一般页面宽度可以设置为1002px。1024的分辨率下刚好满屏，不出现横向滚动条。

1、如图，我们对div设置固定宽度和高度。

2、图像预览效果如下所示。

3、然后在div里面插入一张图片，如图。

4、插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。

5、然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就是width:100%这里的100%会自动跟随父级的宽度选择。

6、这时候回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的范围了。

7、如果也将图片的高度设置为父级的100%，那么图形就会发生形变，所以在这里需要将父级的高度去掉，这样子集的高度就自动化了。

8、很多时候，将图片在框中显示的时候，在底部会出现一个小边框，这时候将图片设置为display:block转为块状就可以了。

window.open

('page.html',

'newwindow',

'height=100,

width=400,

top=0,

lef

t=0,

toolbar=no,

menubar=no,

scrollbars=no,resizable=no,location=no,

statu

s=no')

'page.html'

d出窗口的文件名；

'newwindow'

d出窗口的名字（不是文件名），非必须，可用空''代替；

height=100

窗口高度；

width=400

窗口宽度；

top=0

窗口距离屏幕上方的象素值；

left=0

窗口距离屏幕左侧的象素值；

toolbar=no

是否显示工具栏，yes为显示；

menubar，scrollbars

表示菜单栏和滚动栏。

resizable=no

是否允许改变窗口大小，yes为允许；

location=no

是否显示地址栏，yes为允许；

status=no

是否显示状态栏内的信息（通常是文件已经打开），yes为允许

---