如何在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;
      }

在所有屏幕分辨率下，图片均为600px x 400px。