The responsive does not work

Navigation
1

I have a responsive page, supposedly, because while on the computer screen, when resizing it shows me well, when opening it with a small screen device (less than 500px wide) it does not work . I attached the goal I have set and how are the queries:

  

HTML : 

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

CSS : 

@media only screen and (min-width: 501px){......}
@media only screen and (max-width: 501px){......}

Link to the web

    
asked by Gema 02.06.2017 в 10:39
source

1 answer

1
  

On the meta tag use this: 

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  

and if you are starting from mobile to desktop use this: 

@media screen and (min-width: 501px) {
       /* Tus Estilos */
}

I hope it serves you.

    
answered by 02.06.2017 в 20:18
Filtering in laravel with datatables does not work with mysql inst.setState.bind is not a function, problems with State in react