Привет всем) у меня появилась проблема, сам не в силах решить ее у меня есть сайт на компьютере мобильная версия выглядит так на телефоне так на телефоне срабатывает стиль мобильной версии, кроме шапки как думаете, в чем заключается проблема Код: @media screen and max-width 980px { .box-product { text-align:center; } .box-product > div { margin-bottom:20px; } #container { width:95%; } #content { width:100%; float:none; margin:20px 0; } #column-right { width:100%; float:none; margin:0; } .slideshow,#search { display:none; } } @media screen and max-width 650px { #content { width:100%; float:none; margin:20px 0; } #column-right { width:100%; float:none; margin:0; } }
@media screen and max-width 980px -------- у Вас случайно фаербаг не матерится от такой настройки?)) @media screen and (max-width:980px) ------воть как пралЬно записать
@media screen and (max-width:980px) я записал в сайте нормально на телефоне не хочет нормально работать шапка не адаптуется
покажи пациента. как проверял? я обычно делаю что то типа @media screen and (max-width:980px) {body{display:none}} и проверяю) Если скрылся сайт - проблема в коде, если нет - проблема в написании......а еще бывает делаю ctrl+a ctrl+x ctrl+s (если это отдельный файл для медиа - стилей)
вот сайт --- Добавлено, 30 окт 2015 --- ставлю body{display:none} в @media screen and (max-width:980px) сайт продает @media screen and (max-width: 650px) { не пропадает на телефоне
Код: <link href="catalog/view/theme/default/stylesheet/media-queries.css" rel="stylesheet" type="text/css">