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

用table的话，宽度采用百分比，比如width=“98%”，表格居中align=“center”就可以了。

用div的话，宽度仍然采用百分比，样式margin:

0

auto就可以自动居中了。

采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度。

一般页面宽度可以设置为1002px。1024的分辨率下刚好满屏，不出现横向

滚动条

。

1、首先新建一个html文件，命名为test.html，在test.html文件内,使用p标签创建一段文字，并且设置p标签的id属性为txt，主要用于下面通过该id获得元素对象。

2、然后在p标签的下面，使用button标签创建一个按钮，名称为“改变字体大小”。

3、接着在test.html的js标签内，使用function声明一个函数cgsize()。

4、然后在cgsize()函数内，使用getElementById（）方法获得p元素对象，并设置style属性中的fontSize为25px，即字体的大小改变为25px。

5、最后在浏览器打开test.html文件，点击按钮，改变文字的大小。

机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

而《meta name="viewport" content="width=device-width" /》的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。

em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的

---