网页怎么制作成自动适应，HTML怎么让网页大小自动适应窗口

来源：整理时间：2023-04-28 04:36:47 编辑：航空兔素材手机版

本文目录一览

1，HTML怎么让网页大小自动适应窗口
2，DW怎么让网页自动适应分辨率
3，iFrame如何自动适应包含页面得高度

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

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

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

{0}

2，DW怎么让网页自动适应分辨率

网友们上网通常会采用800×600、1024×768两种分辨率，网页不是用来给自己看的，所以必须让自己做的网页能够兼顾这两种情况，让不同分辨率设置的网友都能够看到一个排版美观正确的网页。下面就介绍几种常用的方法，特别说明一下除非网站是艺术类的，有特别需求，通常都会首先照顾分辨率设置为800×600的大众化标准。一、自然拉伸如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时，只要你把表格的宽度属性定义为100% ，表格就会根据分辨率的不同自行调整宽度。二、固定居中在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边；1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧？做起来费劲。所以目前普遍采用的方法是固定居中法！现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主。只要在网页原代码的<body>后紧加一句<center>，</body>前加一句</center>就OK了。不过有几个问题这是要注意一下，第一个要注意的是上面说到的百分比的问题，表格、单元格的宽度单位最好要使用像素单位，而不要用百分比。例如width=770。如果你的表格宽度设的是百分比，那么使用大于800×600的像素时，网页就会拉宽，这样网页可能会变形。在<body>中加入leftmargin=0，即<body leftmargin=0>这种情况下，800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。

{1}

3，iFrame如何自动适应包含页面得高度

什么是自适应高度吧。所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。而如果iframe要切换页面，或者被包含页面要做dom动态操作，这时候，就需要程序去同步iframe高度和被包含页的实际高度了。顺便说下，iframe在迫不得已的时候才去用，它会给前端开发带来太多的麻烦。传统做法大致有两个：方法一，在每个被包含页在本身内容加载完毕之后，执行js取得本页面的高度，然后去同步父页面的iframe高度。方法二，在主页面iframe的onload事件中执行js，去取得被包含页的高度内容，然后去同步高度。在代码维护角度考虑，方法二是优于方法一的，因为方法一，每个被包含页都要去引入一段相同的代码来做这个事情，创建了好多副本。如果只考虑fx和ie，并且，iframe里面内容也不进行dom操作，那仍然可以用最简单最方便的传统处理方式：

跨域问题，没法实现因为你没法获取被包含页面的任何信息，当然包括它的高度。所有尝试都会以“拒绝访问”告终。不过我不知道你要做的是网站还是单纯在本地跑的html页面，如果是本地html，可以简单地把文件扩展名改为hta就可以解决拒绝访问的问题，接着再获取其页面的高度并设置iframe的高度即可。关于高度的获取，可用“[iframe对象].contentWindow.document.body.clientHeight”，反正关键是contentWindow这个对象，有了它，你操作iframe中的页面，就像操作自己的页面一样轻松了。但如果你做的网页是放到网站上去的，那没办法，浏览器考虑到安全性问题，是不允许某个网页去操作不在同一个域下的页面的。你自己可以测试一下，当iframe的src是不同域下的网址时，获取contentWindow对象就会提示“拒绝访问”的。

{2}