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

我用DW的布局+表格做的HTML的网页，我的电脑是1366*768的显示器，在我的电脑上看的时候正好合适显示屏，但到了1024*768的电脑上窗口就太大了！需要拉动边栏条。就是，问一下怎么样才能让网页大小自动适应窗口，不管电脑分辨率多大都能在窗口中间显示，请问，怎么弄？

举报该问题

推荐答案 2011-03-02

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

参考资料：www.zhaotao.net

温馨提示：答案为网友推荐，仅供参考

当前网址：http://77.wendadaohang.com/zd/Y8GIpNN3Y.html

其他回答

第1个回答 2011-03-02

这就需要考虑应用主流显示器了
一般最低的也就是1024*768 ，你可以按照这个做，两边留边
或者用脚本写网页，读取screenwidth 值就知道分辨率了

第2个回答 2011-03-03

采用百分比设定宽度

相似回答

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

html页面怎样能够自适应电脑屏幕宽度?答：第二种方法:做两个适合不同分辨率的页面,一个是800×600,一个是1024×768,在800×600的页面中加入一下代码就可以实现跳转了: 解决分辨率问题在Dreamweaver中没有此项功能,我们只能手动加入一段Javascript代码。首先在change-ie.html或change-nc.html页面代码中的< head>和< /head>中加入以下代码: < script langu...

如何让网页在浏览器自适应屏幕大小答：想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：<metaname="viewport"content="width=device-width,initial-scale=1.0"/>。图片自适应，且不超过原始大小，需要设置最大宽度，代码如下：img{ width:100%; max-width:100%;}。改进功能浏览器首次使用时，根据用户显示分...

html 窗口自适应?答：内容窗口设置最大宽度。详细代码如下：width: 100%; max-width: 1100px; margin: 0 auto;

...html5中,EMBED插件的尺寸如何设置为自动适应窗口大小或屏幕分辨率...答：在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的。东莞汇鑫

html怎么手机自适应屏幕大小答：p>首先你要在html页面头部加上下面的代码;viewport"，不懂可以百度;content="，一些小的模块可以用固定尺寸;meta , name="。再就是css中要应用到媒体查询，不能不用固定尺寸。</>，其次你要把页面中的宽度修改为百分比;width=device-width; ，也就是@media;initial-scale=1"解决方案2：建议你看一...

html移动端的怎么适应各种屏幕分辨率答：1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-...

大家正在搜

网页自适应窗口大小网页自动适应大小 axure怎么适应网页大小手机网页怎么适应屏幕大小怎么让网页适应手机手机网页大小自动调整网页如何设置适应屏幕大小怎么设置浏览器窗口大小网页怎么适应手机