Медиа-запросы не работают на смартфоне

Web Frontend: JavaScript, HTML/CSS
#1

Добрый день! Сделала медиазапросы со стилями, проверяю на cмартфонe Samsung SM-G531 Galaxy Grand Prime и они не работают. Вот код:

@media screen and (max-width: 540px) {body{background: #FFE4B5;} }

В шапке прописала meta name="viewport" content="width=device-width, initial-scale=1.0". Когда на компе уменьшаю окно браузера - все окей. Пробовала еще вот это написать в шапку meta name=“HandheldFriendly” content=“true”
meta name=“viewport” content=“width=device-width, height=device-height, user-scalable=no” . С планшетом то же самое, не работает. Ээх…Помогите кто чем может, спасибо.

#2

Так может там просто больше 540px?

#3

Я тоже так подумала и сделала аж 1000px и все равно не работает

#4

и еще я пробовала даже в сантиметрах поставить значение, безрезультатно

#5

У меня работает на OnePlus 3T

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <style>
        @media screen and (max-width: 540px) {body{background: #FFE4B5;} }
    </style>
</head>
<body>

</body>
</html>
#6

вот где то писали, что возможно в устройстве проблема, типа устарела там версия или еще что и не может читать медиазапросы. Но Вам спасибо за внимание.

#7

Это древняя фича, даже в IE 6 была.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Browser_compatibility

<meta name="viewport" тоже давно есть.

#8

тогда ничего не понимаю. Отложу до завтра, возможно мозги замылились уже, может там вообще какая-нибудь нелепость(у меня так часто бывает)

#9

Может просто где-то в другом месте в коде что-то не так, попробуйте мой код выше.

#10

попробовала.все так же)))пойду шоколадку съем, вдруг поможет

#11

Я бы screen and попробовал убрать, вдруг там например handheld
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_types

#12

Урааа!!!Спасибо, попробовала все получилось!! Спасибо-спасибо-спасибо!!!