Не могу понять на счет адаптивной верстки?

Question

[it-spec97]

Ребята вопрос такой простой, вот я создал сайт и настроил его под ширину 1600 пикселей, и тут такой прикол если проверять его например с разрешением 1599 то мои блоки двигаются и не красиво получается, так вот я к чему это, я же не буду на каждый 1 пиксель адаптировать шаблон сайта, есть ли какой нибудь легкий путь?

Answer 1

[Сергей Протько]

Для начала научитесь формулировать проблему. Затем, не используйте фиксированные размеры, оперируйте относительными еденицами измерения и max-width/min-width.

В mediaqueries вы должны задавать правила для перестройки лэйаута для более удобного расположения блоков под такое разрешение.

Comments

[it-spec97]

если не фиксированные размеры то тогда какие?

[Юрий Денисов]

@it-spec97 проценты или em например.

[Сергей Протько]

@it-spec97 а зачем вам фиксированные размеры? Например вот:

.container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}

По такому принципу. Через медиа квери можно сайдбары допустим поднимать/опускать вниз что бы контенту было больше места...

[it-spec97]

@Fesor просто у меня есть сайт casperclub.esy.es, и я вообще запутался на счет адаптивной верстки, там на сайте есть 5 блоков разных цветов вот они у меня прыгают по сайту, не могли вы скинуть css код как их нормально поставить под адаптацию а дальше я сам там разберусь.