@del993788

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

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

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

Я пытался через scale, но это не совсем то, что мне нужно, так как уменьшение идёт с выравниванием по центру...
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 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/
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы