html - 如何设置适用于所有分辨率屏幕的图像大小？

Question

我如何制作像 this 这样的图像？我的图像无法在更大的桌面屏幕上显示。这是我的图像大小代码:

style="width:100%;height:100%;"

Answer 1

你能做的就是，你可以给<img />以下 CSS:

position: fixed;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;

片段

img {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

<img src="http://lorempixel.com/400/400" />