Неможливо отримати висоту екрана з CSS. Однак, використовуючи CSS3, ви можете використовувати медіа-запити для керування відображенням шаблону відповідно до роздільної здатності. Якщо ви хочете кодувати на основі висоти за допомогою медіа-запитів, ви можете визначити таблицю стилів і назвати її так. 9 вересня 2019 р.
Приклади висоти та ширини CSS
- Установіть висоту та ширину елемента <div>: div { height: 200px; ширина: 50%; …
- Установіть висоту та ширину іншого елемента <div>: div { height: 100px; ширина: 500 пікселів; …
- Цей елемент <div> має висоту 100 пікселів і максимальну ширину 500 пікселів: div { max-width: 500px; висота: 100 пікселів;
Екран. Властивість тільки для читання width повертає ширину екрана в пікселях CSS.
Якщо у вас є діагональ екрану, ви можете помножити цей показник на 0,872, щоб отримати ширину екрана. Ви також можете помножте діагональ на 0,49 щоб отримати висоту екрана.
Щоб використовувати одиниці вікна перегляду CSS, ви просто включаєте їх у свої оголошення CSS. Наприклад, якщо ви хочете встановити ширину елемента на 50% від ширини вікна перегляду, ви повинні написати: width: 50vw; . Подібним чином, щоб встановити висоту елемента на 70% від висоти вікна перегляду, ви повинні написати: висота: 70vh;.
Неможливо отримати висоту екрана з CSS. Однак, використовуючи CSS3, ви можете використовувати медіа-запити для керування відображенням шаблону відповідно до роздільної здатності. Якщо ви хочете кодувати на основі висоти за допомогою медіа-запитів, ви можете визначити таблицю стилів і назвати її так.