Where to look for bugs, if on mobile devices .container does not decrease when changing the window, everything is OK on the desktop version?

C

chifixsa2016-03-25 00:57:20

css

chifixsa, 2016-03-25 00:57:20

set the width of the container to 1000 because the layout is 970 wide.

@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}

I made up the menu and when testing in chrome, everything works well and the menu decreases in size under the cut, but when I put mobile devices, the div.container does not become less than 720px. How to fix?
UPD. the only way I was able to lay out
UPD2. i.imgur.com/t3vS6tM.png here
and here is how it should be i.imgur.com/buPk6rV.png

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

I

Igor, 2016-03-25
@chifixsa

Try

<head>
...

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

...
</head>

S

Sergey Goryachev, 2016-03-25
@webirus

Some set of words.
Lay out on FTP, show a problem.