Как сохранить положение и размер для всех размеров окна в 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 во всех разрешениях экрана.