Чат сообщества
|
   |
| Модератор форума: o_Lisovenko, JonMagon |
| Сообщество uCoz Вебмастеру Инструменты и софт для вебмастера Авто разрешение сайта (Подстройка сайта под различные разрешения экранов) |
| Авто разрешение сайта |
|
Пытался сделать автоматическую подстройку сайта под разные разрешения экранов, но что-то не получилось. Пробывал через таблицу стилей.
Может кто подскажет как это воплотить в реальность ? |
|
@media only screen and (max-width: 1050px) {} - Внутрь пишите что хотите изменить под разрешение 1050px.
Пример: Код #aside { text-align: left; } @media only screen and (max-width: 1050px) { #aside {text-align: center} } @media only screen and (max-width: 850px) { #aside {text-align: right} } Объяснение: Есть id "aside", текст выравнивается по левому краю. С разрешением 1050px текст будет выравниваться по центру, а с разрешением 850 будет выравниваться по по правому краю. Думаю вы поняли. |
|
А именно вносить в CSS ? А куда именно в /*GEneral Stily*/ или в другое место ?
|
|
Немного полезной информации вдогонку — https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries (eng)
Работающие примеры сайтов использующие медиа-запросы — http://mediaqueri.es |
|
|
|
МАА, вам нужно изначально понять суть того, как работают эти меда-запросы и отталкиваться от того, какую структуру имеет сайт. Поменяв один лишь параметр вряд ли получиться добиться полной адаптивности.
Советую посмотреть и поковырять живой пример http://rwdgrid.com/demo или темплейты бутстрапа. |
| |||
| |||