I’m currently working on my first responsive web site. My problem is when i use the method ” @media only screen and (max-width:320px) ” . It’s work just fine on Chrome and Firefox in Windows 7 when i scale the screen to test. But on Mac OSX it doesn’t work. Any know where is the problem, plz help me ! Thanks.
There is nothing that comes to mind that would cause an issue like this as a media query simply reacts to the browser changing its width so for it not to work would mean the media query isn’t been introduced to the page.
If you could create a demo of your current code on http://codepen.io/ so we can have a look, doesn’t have to be exact but just an extract of your CSS.