Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 15.03.2014, 09:45   #1
NohnaimeR
 
Регистрация: 04.05.2011
Сообщений: 5
По умолчанию Верстка адаптивного сайта

Народ всем привет, нужна помощь.
Верстаю сайтик с адаптивным дизайном через @media запросы, все норм получается но проблема появляется тогда когда сайт открывают на телефоне. Минимальная ширина сайта 480px
используется след. код:
Код:
@media (max-width: 699px) {
  .container {
    max-width: 699px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }
  .header {
    min-width: 480px;
  }
  .maincontent, .beforefooter, .footer, .footerphonesmall, .afterheader, .preimblock, .tarifblock, .opisblockforpc, .opisblockformid {
    min-width: 480px;
  }
}
тут понятно что до 699 дизайн тянется, останавливается на 480 пикселях.

Когда открываем на телефоне сайт то видим то что он почему-то сразу масштабирован и появляется полоса прокрутки горизонтальная.

используется мета тег

Код:
<meta name="viewport" content="width=device-width, initial-scale=1">
, user-scalable=no убрал пока.

есть у кого-нибудь совет по решению данной проблемы? хотелось бы чтобы сайт сразу открывался в соответвующем разрешении мин 480px без масштабирования

пациент: ___http://f2g.webkl.ru/
NohnaimeR вне форума Ответить с цитированием
Старый 27.03.2014, 10:54   #2
Suby
Пользователь
 
Аватар для Suby
 
Регистрация: 03.11.2012
Сообщений: 89
По умолчанию

У вас паддинги плюсуются к ширине 480рх
Suby вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Разработка сайта на joomla и верстка maks84zp WordPress и другие CMS 1 21.05.2013 00:06
Нужна верстка и програмирование сайта 7874549 Фриланс 0 20.02.2013 22:58
Верстка сайта прогрмма Obey177 HTML и CSS 4 15.10.2010 05:22
Верстка сайта, display. Soldier3 HTML и CSS 1 19.08.2010 23:48
Верстка мини-сайта borisn Свободное общение 3 20.04.2010 14:06