Почему не работают медиа-запросы в хостинге?

Question

[shijimaru]

Здравствуйте. Локально проверяю верстку, медиа-запросы обрабатываются, после того, как выгружаю на хостинг, страница игнорирует медиа-запросы.
meta name="viewport" content="width=device-width, initial-scale=1.0" Прописано.
Возможно я что-то еще не прописал или дело в хостинге? Просто на этот счет у меня сомнения.
Помогите пожалуйста разобраться в чем проблема.
zakhar19.beget.tech - сайт

Comments

[YepBro]

Что именно не работает? Скрин как локально выглядит, как на сервере, информация при какой ширине экрана это было.

Answer 1

[Павел]

Хостинг к html, css и javascript не имеет никакого отношения, всё исполняется у вас в браузере.

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

Comments

[shijimaru]

Попробую проверить когда будет доступ к пк

[Сергей delphinpro]

shijimaru, там css вообще не загружается. как у вас вообще что-то работает...

Answer 2

[Ivan Ustûžanin]

такие выражения и локально не могли работать:

@media screen and (max-width: 1024px) and (min-height: 1300px) and (max-height: 1366px){
@media screen and (min-width: 1857px) and (max-width: 1920px) and (max-height: 1080px){
@media screen and (min-width: 1190px) and (max-width: 1280px) and (max-height: 800px){
@media screen and (min-width: 995px) and (max-width: 1024px) and (max-height: 600px){
@media screen and (min-width: 900px) and (max-width: 912px) and (min-height: 1300px) and (max-height: 1368px){
@media screen and (min-width: 700px) and (max-width: 912px) and (min-height: 1300px) and (max-height: 1368px){
@media screen and (min-width: 700px) and (max-width: 912px) and (max-height: 1180px){
@media screen and (min-width: 700px) and (max-width: 912px) and (max-height: 1024px){
@media screen and (min-width: 590px) and (max-width: 600px) and (min-height: 1000px) and (max-height: 1024px){
@media screen and (min-width: 527px) and (max-width: 540px) and (max-height: 720px){
@media screen and (min-width: 420px) and (max-width: 430px) and (min-height: 930px) and (max-height: 932px){
@media screen and (min-width: 400px) and (max-width: 412px) and (min-height: 900px) and (max-height: 915px){
@media screen and (min-width: 413px) and (max-width: 414px) and (min-height: 890px) and (max-height: 896px){
@media screen and (min-width: 380px) and (max-width: 390px) and (min-height: 840px) and (max-height: 844px){
@media screen and (min-width: 360px) and (max-width: 375px) and (min-height: 800px) and (max-height: 812px){
@media screen and (min-width: 360px) and (max-width: 375px) and (min-height: 720px) and (max-height: 740px){
@media screen and (min-width: 360px) and (max-width: 375px) and (min-height: 660px) and (max-height: 667px){
@media screen and (min-width: 360px) and (max-width: 360px) and (min-height: 620px) and (max-height: 640px){
@media screen and (min-width: 250px) and (max-width: 280px) and (min-height: 600px) and (max-height: 653px){

Comments

[shijimaru]

Я понимаю что код написан ужасно, но локально он полностью работает

[Ivan Ustûžanin]

shijimaru, ещё раз, "страница игнорирует медиа-запросы" потому что они так написаны — у меня получалось попасть в узкий диапазон их действия, но и это крайне нетривиально из-за дополнительных ограничений по высоте
сейчас доступа уже нет и заскриншотить это невозможно

в общем при нормальных медиа-выражениях всё будет работать, я сильно сомневаюсь, что это лоскутное одеяло работало хоть где-то, если только в браузере/DevTools-ах локально не использовалось масштабирование, которое поменялось при открытии на хостинге…