怎么制作一个固定大小的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
width:100px;
height:100px;
}
可以给body设置固定的宽高
热心网友
时间：2022-04-21 15:36
<head>
<title>xxx</title>
</head>
<body (自定义宽高！ok)>
</body>
</html>
热心网友
时间：2022-04-21 17:27
热心网友
时间：2022-04-21 19:35
<head>
<title>TEST</title>
<script language="Javascript">
resizeTo(400,300);
</script>
</head>
<body></body>
</html> 这段代码就可以实现了。
热心网友
时间：2022-04-21 22:00
<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
