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

Question

nilevashov @nilevashov

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

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

Вопрос задан более трёх лет назад
4357 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Пригласить эксперта

Ответы на вопрос 1

10 комментариев

nilevashov @nilevashov Автор вопроса

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

Написано более трёх лет назад
nilevashov @nilevashov Автор вопроса

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

Написано более трёх лет назад
ink @AskMy

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

Написано более трёх лет назад
nilevashov @nilevashov Автор вопроса

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

Написано более трёх лет назад
nilevashov @nilevashov Автор вопроса

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

Написано более трёх лет назад
ink @AskMy
nilevashov, у вас там в css написано так :
@media (max-width: 992px){ тут стили}

дело в том что не каждый мобильный браузер понимает короткую запись медиа запросов , для мобильников что бы было универсально лучше бы писать так :
@media screen and (min-width: цифра) and (max-width: цифра){ здесь стили от одного размера до другого }

т.е писать полностью и особенно это качается iphone у них вообще жесть
Написано более трёх лет назад
nilevashov @nilevashov Автор вопроса

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

Написано более трёх лет назад
ink @AskMy

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

Написано более трёх лет назад
nilevashov @nilevashov Автор вопроса

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

Написано более трёх лет назад
Макс @drampeer

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

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 3 часа назад
- 64 просмотра
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- 3 часа назад
- 77 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 18 часов назад
- 73 просмотра
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 18 часов назад
- 67 просмотров
2

ответа
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 19 часов назад
- 69 просмотров
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 21 час назад
- 54 просмотра
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 22 часа назад
- 72 просмотра
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Убрать подпись с печати, в идеале перенести в вектор

19 апр. 2024, в 12:24

1000 руб./за проект

Доработать сайт на React + Nest

19 апр. 2024, в 12:05

1500 руб./в час

Разработать программу в CodeSys

19 апр. 2024, в 12:00

250 руб./за проект

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

Answer 1 · 2018-03-24 08:25:03

ink @AskMy

иногда решаю задачки и задаю глупые вопросы

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

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

Ответ написан более трёх лет назад

10 комментариев

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт