Не применяется CSS в мобильной версии, что делать?

Question

[nilevashov]

Ребят, всем привет, недавно поменял дизайн на сайте, заменил все измененные файлы обратно на хостинг. И все вроде бы хорошо, дизайн изменился, НО только в десктопной версии (и в режиме адаптива в браузерах). При попытке посмореть с мобильного устройства, HTML правки применились, а CSS остался тот же, который и был до изменения сайта. Что делать в таком случае?

Comments

[nilevashov]

UPD: Но я только что заметил, что в документе есть inline стили, и при их изменении, мобильная меняется. Тогда почему на тестовом хостинге даже без изменения inline стилей все работает?

Answer 1

[ink]

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

вот эта строчка есть ?

Comments

[nilevashov]

В том то и дело, что есть. При чем я тестировал на тестовом хостинге, все файлы точь в точь, там было все окей, загрузил на другой, мобильная не работает.

[nilevashov]

Но я только что заметил, что в документе есть inline стили, и при их изменении, мобильная меняется. Тогда почему на тестовом хостинге даже без изменения inline стилей все работает?

[ink]

nilevashov, вы хотя бы ссылку показали бы ... как же скажешь без примера ?

[nilevashov]

ink, извиняюсь, не подумал даже, beltoys.by - основной, https://test.nilevashov.ru - тестовый (обязательно с https)

[nilevashov]

ink, сейчас еще попробовал зайти с айфона, там все корректно (Safari), захожу с Meizu изменений нет

[ink]

nilevashov, у вас там в css написано так :

@media (max-width: 992px){
тут стили}

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

@media screen and (min-width: цифра) and (max-width: цифра){
   здесь стили от одного размера до другого 
}

т.е писать полностью и особенно это качается iphone у них вообще жесть

[nilevashov]

ink,
Что-то мне подсказывает, что проблема не в этом :) Попытался сделать так с одним медиа запросом, изменения все равно не применились (хотя как я и писал на Iphone 5s все отлично, пробовал Opera, Chrome, Safari). Как можно тогда объяснить нормальную работу на моем тестовом хостинге, стили там точно такие же?)

[ink]

nilevashov, такие же стили ? наверно всё таки изменены ... чуть чуть или может быть что то не подключено ..
, всё таки мобильная версия это не сложно но сам бутстрап который у вас мне в принципе не нравится , но я не навязываю свою точку зрения

[nilevashov]

ink, сайт не мною создавался, я лишь изменения делал, мне самому дико этот код не нравится :D

[Макс]

кэш браузера почистите в телефоне