Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.04.2015, 22:52
Аспирант
Отправить личное сообщение для майрбек95 Посмотреть профиль Найти все сообщения от майрбек95
 
Регистрация: 31.03.2015
Сообщений: 44

не работает адаптация на мобильном
Доброго времени суток! Впервые начал делать адаптивные шаблоны но наткнулся на такую проблему: уменьшив окно браузера до появления мобильной версии все работает корректно (мобильная версия отображается корректно) но зайдя через телефон после нескольких переходов по страницам на экран телефона высвечивается компьютерная версия а мобильная возвращается только после чистки истории, кеша и т. д. бразуреа, адаптацию делаю с помощью css атрибута @media, в чем может быть проблема, может нужно прописать какойто js?
Ответить с цитированием
  #2 (permalink)  
Старый 09.04.2015, 22:55
Кандидат Javascript-наук
Отправить личное сообщение для Brutus Посмотреть профиль Найти все сообщения от Brutus
 
Регистрация: 24.11.2013
Сообщений: 127

Экстрасенсов тут нет,код в студию!

Если не хочешь давать код выясни в чем проблема конкретно, кэш или куки, если кэш попробуй с другого смарта, если куки то сам намудрил
Ответить с цитированием
  #3 (permalink)  
Старый 09.04.2015, 22:59
Аспирант
Отправить личное сообщение для майрбек95 Посмотреть профиль Найти все сообщения от майрбек95
 
Регистрация: 31.03.2015
Сообщений: 44

вот сам css код
@media only screen and (min-width: 240px) and (max-width: 768px){
 body {
 background-color: #fff;
 background-image:none;
}
 .block_ava {
 padding-bottom: 0px;
 border-bottom-width: 0px;
 border-bottom-style: none;
}
 .content_width {
 width: 100%;
 min-width:240px;
}
.container_bg {
 display:none;

}
.menu_hor {
display: block;
}
#puzadpn {display:none;}
uMenuRoot li {
 list-style-type: none; /* Убираем маркеры */
 }
 uMenuRoot ul {
 margin-left: 0; /* Отступ слева в браузере IE и Opera */
 padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
 }
.uMenuRoot, .uMenuRoot li {margin:0px;padding:0px;list-style-type:none}
.uMenuRoot {margin-bottom:15px !important}
.uMenuRoot li a {
 display:block;
 text-decoration:none;
 font-size:14px;
 color:#ccc;
 padding-top: 10px;
 padding-bottom: 10px;
 font-weight: normal;
}
.uMenuRoot li a:hover {
 color:#FFF
}.content_width {-moz-box-shadow: 0px 0px 0px rgba(150, 150, 150, 00);
-webkit-box-shadow: 0px 0px 0px rgba(150, 150, 150, 0);
box-shadow: 0px 0px 0px rgba(150, 150, 150, 0);
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 90, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 90, Color = '#000000')";
 width: 100%;
}
}


больше нет.

Если 4 раза обновить страницу на смартфоне он переходит на пк версию пробовал и сдругого смартфона
Ответить с цитированием
  #4 (permalink)  
Старый 09.04.2015, 23:06
Аспирант
Отправить личное сообщение для майрбек95 Посмотреть профиль Найти все сообщения от майрбек95
 
Регистрация: 31.03.2015
Сообщений: 44

даже вот сайт полистайте страницы и мобильная версия превратиться в пк версию
Ответить с цитированием
  #5 (permalink)  
Старый 09.04.2015, 23:26
Кандидат Javascript-наук
Отправить личное сообщение для Brutus Посмотреть профиль Найти все сообщения от Brutus
 
Регистрация: 24.11.2013
Сообщений: 127

юзай max-device-width и соответственно min-device-width

И вообще http://www.javascriptkit.com/dhtmltu...queries2.shtml
Ответить с цитированием
  #6 (permalink)  
Старый 09.04.2015, 23:35
Аспирант
Отправить личное сообщение для майрбек95 Посмотреть профиль Найти все сообщения от майрбек95
 
Регистрация: 31.03.2015
Сообщений: 44

все гораздо проще просто мне нужно было добавить

<meta name="viewport" content="width=device-width, initial-scale=1.0" />


и все дела.
Ответить с цитированием
  #7 (permalink)  
Старый 09.04.2015, 23:40
Кандидат Javascript-наук
Отправить личное сообщение для Brutus Посмотреть профиль Найти все сообщения от Brutus
 
Регистрация: 24.11.2013
Сообщений: 127

Это не все то что было нужно в данном случае, так как при уменьшении окна браузера сайт превратится в мобильную версию, а это не есть хорошо.

p.s. что у тебя тайтлы и прочее содержимое тега <head> делает в <body>
Ответить с цитированием
  #8 (permalink)  
Старый 09.04.2015, 23:51
Аспирант
Отправить личное сообщение для майрбек95 Посмотреть профиль Найти все сообщения от майрбек95
 
Регистрация: 31.03.2015
Сообщений: 44

Сообщение от Brutus Посмотреть сообщение
что у тебя тайтлы и прочее содержимое тега <head> делает в <body>
в смысле?? это где?
Ответить с цитированием
  #9 (permalink)  
Старый 10.04.2015, 00:18
Кандидат Javascript-наук
Отправить личное сообщение для Brutus Посмотреть профиль Найти все сообщения от Brutus
 
Регистрация: 24.11.2013
Сообщений: 127

Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS: работает на сервере, не работает из папки -majestic- Общие вопросы Javascript 2 02.08.2012 14:41
Не работает push! Динамическая вставка TSEH25 ExtJS 5 03.07.2012 13:00
jQyery функция странно работает! Midel Общие вопросы Javascript 4 08.04.2012 13:40
помогите найти ошибку (работает в IE но не работает в Firefox) Len4ik Javascript под браузер 2 11.05.2010 15:41
ajax запросы, работает на одних компах и не работает на других vtornik23 AJAX и COMET 2 22.03.2010 18:22