Работа с media queries?
Нужен человек который умело работает с media queries.
Есть три правила
/* =============================================================================
Base 966px Grid
========================================================================== */
body {min-width: 996px;}
/* Container */
.container {
margin-left: auto;
margin-right: auto;
width: 996px;
}
/* =============================================================================
768px Grid
========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 995px) {
body {min-width: 768px;}
/* Container | 768px */
.container {width: 768px;}
/* =============================================================================
Less than 768px
========================================================================== */
@media only screen and (max-width: 767px) {
body{min-width:0;}
/* Container */
.container { margin:0 auto; width:456px; overflow:hidden;}
Теперь что нужно сделать?
Посмотрите этот сайт http://isala.kz/perevod/
и сожмите окно браузера до минимального размера и увидете как сайт выглядит.
Тут срабатывают правила @media only screen and (max-width: 767px) {}
Скрин прикрепил на всякий.
Вот нужно чтобы на телефонах смотрелось так же.
Именно так же как у правила в @media only screen and (max-width: 767px) {}
SKYPE: dj_sunrise17
Ребята я сам верстальщик и примерно оцениваю сложность работы. Мне не нужно все мои блоки ровнять под мобильные. Нужно лишь правильно написать правило Media queries. Оплата по часовой не устраивает. За проект цену пишите.
Есть три правила
/* =============================================================================
Base 966px Grid
========================================================================== */
body {min-width: 996px;}
/* Container */
.container {
margin-left: auto;
margin-right: auto;
width: 996px;
}
/* =============================================================================
768px Grid
========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 995px) {
body {min-width: 768px;}
/* Container | 768px */
.container {width: 768px;}
/* =============================================================================
Less than 768px
========================================================================== */
@media only screen and (max-width: 767px) {
body{min-width:0;}
/* Container */
.container { margin:0 auto; width:456px; overflow:hidden;}
Теперь что нужно сделать?
Посмотрите этот сайт http://isala.kz/perevod/
и сожмите окно браузера до минимального размера и увидете как сайт выглядит.
Тут срабатывают правила @media only screen and (max-width: 767px) {}
Скрин прикрепил на всякий.
Вот нужно чтобы на телефонах смотрелось так же.
Именно так же как у правила в @media only screen and (max-width: 767px) {}
SKYPE: dj_sunrise17
Ребята я сам верстальщик и примерно оцениваю сложность работы. Мне не нужно все мои блоки ровнять под мобильные. Нужно лишь правильно написать правило Media queries. Оплата по часовой не устраивает. За проект цену пишите.