当前位置：首页 - 正文

怎么制作一个固定大小的html页面

发布网友发布时间：2022-04-23 20:48

我来回答

共7个回答

热心网友时间：2022-04-21 12:43

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

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

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

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

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

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

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

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

热心网友时间：2022-04-21 14:01

body{
width:100px;
height:100px;
}
可以给body设置固定的宽高

热心网友时间：2022-04-21 15:36

热心网友时间：2022-04-21 17:27

可在页面中标签加入width和height标签

热心网友时间：2022-04-21 19:35

<html>
<head>
<title>TEST</title>
<script language="Javascript">
resizeTo(400,300);
</script>
</head>
<body></body>
</html> 这段代码就可以实现了。

热心网友时间：2022-04-21 22:00

<html>
<body style="width:500px; height:400px; overflow: hidden;">
内容
内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
<script type="text/javascript">
if (window.screen) { //判断浏览器是否支持window.screen判断浏览器是否支持screen
var myw = 500; //定义一个myw，接受到当前全屏的宽
var myh = 400; //定义一个myw，接受到当前全屏的高
window.moveTo(0, 0); //把window放在左上脚
window.resizeTo(myw, myh); //把当前窗体的长宽跳转为myw和myh
window.onresize = function () {
window.resizeTo(myw, myh);
}
}
</script>
</body>
</html>

热心网友时间：2022-04-22 00:41

用模式窗口

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

怎么制作一个固定大小的html页面

最新推荐

猜你喜欢

热门推荐