身体边框与全屏图像里面

Question

我想建立一个浏览器和网站内容之间有白色边框/空格的网站。

在网站内部，有一个宽度和高度均为100％的图像，它应该适应每个窗口大小。

像这样：

我可以使用div（包含图像）来实现它并将其设置为：

position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;

但我不确定这种方法是否最好，最可靠。我想听听你的想法，也许还有一些提示。

非常感谢

Answer 1

＆＃13;

＆＃13;

html, body {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 20px solid #fff;
  box-sizing: border-box;
}

div{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ddd;
}

＆＃13;

<div>Image</div>

＆＃13;

＆＃13;

＆＃13;