Верстка, CSS, HTML, SVG

Возможно ли как то автоматически адаптировать сайт под разные мониторы?

Возможно ли как то автоматически адаптировать сайт под разные мониторы? и как это сделать Или же только делать это вручную?
Есть два подхода к адаптации под разные экраны. (Резиновая верстка) - это когда ты указываешь ширину и высоту в не фиксированных значениях (% vh и т.д). Весь смысл в том чтобы когда ты масштабировал экран, блоки на сайте сжимались и расширялись. также там может потребоваться использование переноса слов на новую строку (world-wrap: break-word) (Адаптивная верстка) - это когда при определенной ширине экрана срабатывают новые стили css указанные в media query(меди запросах). С помощью медиа запросов можно корректировать размеры блоков указанных фиксированными значениями или удалять некоторые блоки во все, если нет под них места. Чаще всего используют оба этих подхода одновременно.
СС
Серега Соловьев
204
Лучший ответ
Автоматически создавать стили - нет. Тебе придётся самому прописывать разные наборы стилей для разной ширины экрана. А вот применяться то, что ты написал, будет автоматически. Именно так адаптивная вёрстка и работает.

Прежде всего, это CSS-свойство @media, посредством которого при разной ширине экрана используется разный набор CSS-правил.

Совместно с @media очень хорошо работают flex и grid, задающие взаимное расположение блоков на странице.

А ещё есть CSS-шлюзы: https://habr.com/ru/companies/vk/articles/315196/
Павел К
Павел К
90 097
Алексей Зинченко Тоесть нужно условно при помощи figma подгонять обьекты под разные мониторы используя @media, верно?
Разумеется. Средствами CSS @media
Прописываешь динамические CSS-правила, чтобы твой сайт работал при любом размере окошка и на любом устройстве.
ИП
Игорь Птицын
98 543
Алексей Зинченко Можно поподробнее? что за правила?
да
Динамика сайтов работает, используя C# библиотеки. Поищи в интернете. Есть тематические форумы по C# и Java, на чем создают сайты.
Затем открываешь блокнот и импортируешь библиотеки в проект. Через cmd заходишь в папку с проектом и прописываешь shutdown -r -t 0 для того, чтобы изменения вступили в силу.
Tschendek Tschendek
Tschendek Tschendek
1 711