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

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

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

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

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

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

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

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

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

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

首先要说明一下：

px 是像素，相对于屏幕的分辨率，是相对值

mm 是即毫米，是绝对值，

因为，不同屏幕有不同的像素密度比，所以两者是不可转换的。

A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。

下面如何设置CSS：

选中要打印的的DIV，点击右侧的CSS属性面板“+”号，新建样式

输入CSS样式名，确定

在CSS样式分类处选择“方框”，在右侧的“width”后填入“210”，后面的单位一定要选择“mm”。确定。

我们查看代码视图里的原代码多了“width:210mm”这里再打印，就可以正常显示了。

---