Блог

Главная - Вопросы по программированию - Установите размер по высоте экрана

Установите размер по высоте экрана

#css #mobile #background #height #screen

Вопрос:

это, конечно, будет тривиальной проблемой, но я уже давно бьюсь головой. Проблема проста, то есть: у меня есть область с определенными размерами (450x800px), которую я хотел бы всегда соответствовать высоте экрана.

Я прилагаю здесь пример кода, над которым работаю, большое спасибо тем, кто может мне помочь!

 <!DOCTYPE html>
<html>
<head>
     <meta name="viewport" content="height=device-height, initial-scale=1.0">
<title>Page Title</title>
<style>
html, body {  height: 100%;  margin: 0;}
.full-height {  height: 100%;  background: yellow;}
</style>
</head>
<body>
<div class="full-height">
    <div style="width:450px; height:800px; margin-left:auto; margin-right:auto; background-color:#FD0F13">I am a DIV that will stretch to fit the whole width and height of the browser window!</div>
</div>
</body> </html>

Комментарии:

1. Вместо height: 100%; того, чтобы изменить его на 100 вч, что составляет 100% высоты окна просмотра

2. Большое тебе спасибо, БеерусДев, может быть, я ошибаюсь, но ничего не меняется. Однако цель должна заключаться в том, чтобы пространство 450x800px <div> масштабировалось, увеличивая или уменьшая его в зависимости от высоты. Есть идея? 🙁 Спасибо

Метки: