Is @media screen and (min-width: {PixelNumber}px) a "WebKit-only" CSS property?
So I am testing my website in the Responsive Design-modus and there is no problem with the the CSS. But when I am at my phone the site shows me the CSS of desktop. He zooms in because of the viewport (I think). I do not know if this is the problem: https://support.mozilla.org/en-US/kb/web-pages-arent-displaying-properly-firefox-androi
CSS: @media screen and (min-width: {PixelNumber}px) { /* CSS stuf */ } /*or*/ @media only screen and (min-width: {PixelNumber}px) { /* CSS stuf */ }
HTML meta tag: <meta name="viewport" property="viewport" content="width-device-width, initial-scale=0.9">
The website: http://rwalstijn.mtdef.com/
The problem is happening on the following devices: sony xperia m5, Samsung Galaxy j5 2017
So I am testing my website in the Responsive Design-modus and there is no problem with the the CSS.
But when I am at my phone the site shows me the CSS of desktop. He zooms in because of the viewport (I think).
I do not know if this is the problem: https://support.mozilla.org/en-US/kb/web-pages-arent-displaying-properly-firefox-androi
CSS:
@media screen and (min-width: {PixelNumber}px) { /* CSS stuf */ }
/*or*/
@media only screen and (min-width: {PixelNumber}px) { /* CSS stuf */ }
HTML meta tag:
<meta name="viewport" property="viewport" content="width-device-width, initial-scale=0.9">
The website: http://rwalstijn.mtdef.com/
The problem is happening on the following devices:
sony xperia m5,
Samsung Galaxy j5 2017