Media request works on a computer: Reduce and increase the width of the browser window - everything changes. And on the phone does not work. Here is the link fegonik.000webhostapp.com

Closed due to the fact that off-topic by participants AK ♦ , andreymal , Air , aleksandr barakin , 0xdb 9 Dec '18 at 1:47 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - AK, andreymal, Air, aleksandr barakin, 0xdb
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • My site / project is not working. Can I just give him a link? - AK ♦
  • now everything added - Egor
  • @ Egor if you did not read the previous comment inattentively: you can’t give a link to a problematic site. All the code necessary to reproduce the problem should be present directly in the text of the question without references - andreymal

1 answer 1

Mobile browsers display pages in a virtual “window” (viewport, viewport), which, as a rule, is wider than the screen of the device. Therefore, they do not need to compress the layout of each page into a tiny window (which can break many sites that are not optimized for mobile devices).

To make the page scale fit the actual size of the window, add to the header:

<meta name="viewport" content="width=device-width, initial-scale=1.0">