Применить размер div пропорционально каждому размеру экрана ⇐ CSS

[Anonymous]

Я работаю над веб-сайтом, на котором можно редактировать и загружать изображения. Однако размер области, где изображение можно редактировать, должен быть пропорционален в мобильном представлении, но выходит за пределы экрана. (Как я уже упоминал в Приложении.) Если я использую процентили, текст выплескивается и поток изображения нарушается.

Код: Выделить всё

.scardbg
{
width: 420px;
height: 720px;
background-color: rgb(91, 48, 24);
display: flex;
align-items: center;
justify-content: center;
}

.scard
{
height: auto;
max-height: 700px;
max-width: 370px;
min-width: 370px;
border-radius: 15px;
background-color:rgb(111, 59, 29);
}

Код: Выделить всё

[img]https://via.placeholder.com/80[/img]

Şarkı İsmi
Sanatçı



Tıkla ve yaz
Satır eklemek için enter'a bas
Veya sadece kopyala ve yapıştır

[img]https: //i.stack.imgur.com/LBD2E.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/783 ... creen-size