Верстка, CSS, HTML, SVG
Возможно ли как то автоматически адаптировать сайт под разные мониторы?
Возможно ли как то автоматически адаптировать сайт под разные мониторы? и как это сделать Или же только делать это вручную?
Есть два подхода к адаптации под разные экраны. (Резиновая верстка) - это когда ты указываешь ширину и высоту в не фиксированных значениях (% vh и т.д). Весь смысл в том чтобы когда ты масштабировал экран, блоки на сайте сжимались и расширялись. также там может потребоваться использование переноса слов на новую строку (world-wrap: break-word) (Адаптивная верстка) - это когда при определенной ширине экрана срабатывают новые стили css указанные в media query(меди запросах). С помощью медиа запросов можно корректировать размеры блоков указанных фиксированными значениями или удалять некоторые блоки во все, если нет под них места. Чаще всего используют оба этих подхода одновременно.
Автоматически создавать стили - нет. Тебе придётся самому прописывать разные наборы стилей для разной ширины экрана. А вот применяться то, что ты написал, будет автоматически. Именно так адаптивная вёрстка и работает.
Прежде всего, это CSS-свойство @media, посредством которого при разной ширине экрана используется разный набор CSS-правил.
Совместно с @media очень хорошо работают flex и grid, задающие взаимное расположение блоков на странице.
А ещё есть CSS-шлюзы: https://habr.com/ru/companies/vk/articles/315196/
Прежде всего, это CSS-свойство @media, посредством которого при разной ширине экрана используется разный набор CSS-правил.
Совместно с @media очень хорошо работают flex и grid, задающие взаимное расположение блоков на странице.
А ещё есть CSS-шлюзы: https://habr.com/ru/companies/vk/articles/315196/
Алексей Зинченко
Тоесть нужно условно при помощи figma подгонять обьекты под разные мониторы используя @media, верно?
Разумеется. Средствами CSS @media
Прописываешь динамические CSS-правила, чтобы твой сайт работал при любом размере окошка и на любом устройстве.
Алексей Зинченко
Можно поподробнее? что за правила?
да
Динамика сайтов работает, используя C# библиотеки. Поищи в интернете. Есть тематические форумы по C# и Java, на чем создают сайты.
Затем открываешь блокнот и импортируешь библиотеки в проект. Через cmd заходишь в папку с проектом и прописываешь shutdown -r -t 0 для того, чтобы изменения вступили в силу.
Затем открываешь блокнот и импортируешь библиотеки в проект. Через cmd заходишь в папку с проектом и прописываешь shutdown -r -t 0 для того, чтобы изменения вступили в силу.
Похожие вопросы
- Как сделать, чтобы вёрстка не слетала на разных мониторах
- Необходим сайт визитка и лэндинг, возможно ли создать самому?
- Как адаптировать свой сайт под мобильные устройства?
- Как оценить проделанную работу по модерированию и администрированию сайта на CMS Joomla, выполнял самые разные задачи
- возможно ли запустить сайт бесплатно?
- Возможно ли при потере домена, дальнейшей работы сайта?
- Веб программирование. Как один большой текст автоматически раскидать по нескольким дивам по мере их заполняемости?
- Помощь в разработке сайта. (макет, хостинг и домен есть. Не понимаю что делать с версткой и куда ее загружать)
- Вопрос по SEO-оптимизации сайта!
- Поисковик Яндекс не видит мой сайт сделанный на Wix конструкторе. Что можно сделать?