CSS - обернуть div внутри адаптивного элемента?

Question

Это более абстрактно, чем конкретная проблема, с которой я здесь сталкиваюсь ... У меня есть веб-страница, которую я разработал, и я сделал некоторые из них адаптивными, но я хочу знать, есть ли способ обернуть элемент (ы) div внутри элемента, который будет автоматически сохранять пропорции содержимого при изменении области просмотра.

Например, допустим, у меня есть div, ширина которого составляет 100 пикселей. Затем я обертываю некоторый элемент вокруг него, и когда область просмотра изменится на половину размера, которым она была раньше, тогда мой оригинальный div теперь изменится на 50px.

Это существует? Если нет, то почему?

Answer 1

Вы должны использовать процент для такой реакции,

, например

div {
 width: 100%;
}

Answer 2

То, что я имею в виду, это медиа-запрос, который корректирует определенный элемент CSS всякий раз, когда размер области просмотра уменьшается вдвое,

Например, я хочу, чтобы размер шрифта менялся, как только ширина моего окна просмотра становится меньше или выше 600 пикселей

@media screen and (min-width: 600px) {
.mobilefont {
    font-size: 7vw;}
}
@media screen and (max-width: 600px) {
.mobilefont {
    font-size: 13vw;}
} 

Вы можете использовать атрибут экрана @media для изменения баз определенных значений в области просмотра.