Как получить доступ к размеру экрана в HTML?

Question

Возможно ли это?

Answer 1

Вы можете сделать это с помощью JavaScript, используя window.screen. Смотрите здесь .

Answer 2

Еще один отличный способ сделать это - использовать @media запросов.

Краткий обзор можно найти здесь; http://www.css3.info/preview/media-queries/

Или более подробное объяснение от W3C; http://www.w3.org/TR/css3-mediaqueries/

Возможно, это не лучший вариант, если вас беспокоит отсутствие поддержки в старых браузерах, но если нет, то это лучший способ!

Answer 3

На всякий случай, если вы хотите что-то центрировать на окне экрана / браузера:

Использовать CSS:

.cen {
  margin: auto;
}

и, если это картинка, которую вы хотите центрировать:

.cen {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -<witdh of image>/2;
  margin-top: -<height of image>/2;
}

Answer 4

нет. но вы можете создавать макеты, которые зависят не от пикселей или см, а от процентов. они называются жидкими макетами. также вы можете определить минимальную ширину или высоту, чтобы убедиться, что ваш макет не сломается на экранах minnor.

другие альтернативы включают сценарии на стороне клиента (например, javascript), как уже сказано другими.

Answer 5

Не в HTML, а в JavaScript.

window.screen имеет width и height свойства.