@qqignatqq

Возможно ли изменить размер рендера вёрстки?

Здравствуйте. Сразу хочу извиниться за слово рендер, но ничего более подходящего я не нашел.
Как сделать так, чтобы при уменьшении экрана и достижении размера >850 блоки не переносились на новую строку, а просто начинал уменьшаться масштаб (scale) этих блоков (всего контента)? С картинкой, думаю, будет понятнее:
5d854ce3e28d5317430027.jpeg

https://jsfiddle.net/g4r6wmLf/1/

Я пытался через scale, но это не совсем то, что мне нужно, так как уменьшение идёт с выравниванием по центру...
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 3
@McBernar
Ну так задайте в процентах ширину. Будут пропорционально уменьшаться.
Ответ написан
@MarvinJan
Я так понял нужен блок который сохраняет пропорции? Без js только костылями наподобие этих:

Логика в том, что padding берет за основу ширину родительского блока, когда указан в процентах, будь то горизонтальные или вертикальные паддинги. За счет этого можно установить aspect ratio. В гугле даже таблицы под нужные можно найти в процентах паддинга.
Ответ написан
Кто мешает тебе высоту и ширину дочернего блока задать в vw?
https://developer.mozilla.org/en-US/docs/Learn/CSS...
кто мешает использовать флексбокс?
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
Legalbet Саратов
от 100 000 руб.
Sveak Барнаул
от 50 000 руб.