0

Hi need help css

Hi my name is peter and i have a question. I do the web page and i do the responzive design and i dont know why, when i set @media only screen and (max-width: 600px) and (min-width: 0px) @media only screen and (max-width: 767px) and (min-width: 601px) @media only screen and (max-width: 991px) and (min-width: 768px) @media only screen and (max-width: 1199px) and (min-width: 992px) @media only screen and (min-width: 1200px) and I have a different style for each resolution i have 4 pages Home, About, Contact and Support When my phone have resolution 1080x1280 it should take the style from @media 992 to 1200 but that's just on the start page and when I click on About Page, it suddenly changes the resolution to 320 and takes the style that is on @media 0 to 600 and I do not know why please help me :) (when I have a responsive design on the browser so there it show it okay and another interesting thing that on the tablets it also works fine but only on the phones it does not work)

13th May 2018, 5:47 PM
Peter Bilka
Peter Bilka - avatar
2 odpowiedzi
+ 1
Maybe you need to add the following tag inside <head></head>: <meta name="viewport" content="width=device-width, initial-scale=1">
13th May 2018, 9:15 PM
Alexander
Alexander - avatar
+ 1
only i have it but i solved it now :DDD but thank you man
13th May 2018, 9:20 PM
Peter Bilka
Peter Bilka - avatar