HTML中怎么设置整个网页的大小?

html-css012

HTML中怎么设置整个网页的大小?,第1张

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'

弹出窗口的文件名;

'newwindow'

弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100

窗口高度;

width=400

窗口宽度;

top=0

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

left=0

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

toolbar=no

是否显示工具栏,yes为显示;

menubar,scrollbars

表示菜单栏和滚动栏。

resizable=no

是否允许改变窗口大小,yes为允许;

location=no

是否显示地址栏,yes为允许;

status=no

是否显示状态栏内的信息(通常是文件已经打开),yes为允许

锁定html页面大小,可以通过插入代码来实现,具体操作代码如下:

第一步、将以下代码加入页面:

<script language=javascript>

function hero()

{

var herowidth=400//改为你要的网页宽度

var heroheight=300//改为你要的网页高度

window.resizeTo(herowidth,heroheight)

}

hero()

</script>

第二步、在<body>中加入:

<body onresize=hero()>

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

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

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

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

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

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

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

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