html - 如何在 CSS 中保持所有窗口大小的位置和大小？

Question

我希望图像位于窗口的中心，并且大小相同，而与窗口大小无关。我不确定如何做到这一点，任何形式的帮助将不胜感激。

Answer 1

或者你可以使用 JavaScript 来做

如果图片是 600px x 400px：

var w = ((window.innerWidth)-600)/2;
var h = ((window.innerHeight)-400)/2;
var img = document.getELementByTagName('IMG')[0];
img.style.marginLeft = w+'px';
img.style.marginTop = h+'px';

Answer 2

您必须在 CSS 中添加图片的具体尺寸，如下所示：

      img {
             width: 600px;
             height: 400px;
      }

图像在所有屏幕分辨率下均为 600 像素 x 400 像素。