T
T
TopRaN2019-09-05 11:45:36
Android
TopRaN, 2019-09-05 11:45:36

@media query not working on android phone?

There is a site.
It contains media queries. But there is a problem on the android phone, the layout is not displayed correctly
in the hedar it is written

<meta name="HandheldFriendly" content="true" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

the queries themselves:
@media (min-width : 1200px) {..}
@media (min-width : 980px) {..]
@media (max-width : 979px) {..]
@media (min-width : 768px) and (max-width: 979px) {..]
@media (min-width : 768px){..}
@media screen and ( max-width : 767px) {..}
@media only screen and (min-width: 481px) and (max-width: 640px) {..}
@media only screen and (min-width: 320px) and (max-width: 480px){..}
@media only screen and (max-width: 320px) {..}

In all browsers and emulators it shows as it should, but in chrome on the phone, layout lower than 481px does not work. Tried min-device-width, same result. Determined through the script screen resolution. The second day I suffer the result is zero.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
E
Eugene, 2019-09-05
@iamd503

Remove only from the rule

T
TopRaN, 2019-09-06
@TopRaN

Issue resolved. It turned out to be a long caching from the server side.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question