Отзывчивый веб-дизайн: боковое масштабирующее окно с отзывчивым HTML корпусом - PullRequest
0 голосов
/ 11 февраля 2020

После нескольких часов онлайн-исследований - мне еще предстоит найти решение для адаптивного веб-дизайна, поскольку оно касается сохранения соотношения окна и html тела.

Примеры (оригинал, растянутый влево, и растянуты в поперечном направлении):

Original Desired Behavior: No Change Desired Behavior: Responsive

Я ищу HTML тело для изменения размера при боковом увеличении или уменьшении окна / браузера (без изменений, если отношение увеличивается только в одном направлении). Включение мета-тегов, связанных с областью просмотра, пока не работает, но это может быть связано с «конфликтами» стилей страницы, то есть с фиксированным телом или элементами минимальной высоты / ширины (могут быть ошибочными). Как достичь этого желаемого результата?

1 Ответ

0 голосов
/ 11 февраля 2020

Если вы хотите получить чистое решение css, лучше всего использовать padding-bottom. Заполнение% относительно ширины. Например, если вы установите высоту элемента равной нулю, а padding-bottom - 100%, она всегда будет квадратной. Просто измените процент в соответствии с требуемым соотношением сторон.

...