Disable landscape-mode for mobile devices

Question

Hi there i created a responsive mobile website using this:

max-width(480px) {etc..} 

+



        

Answer 1

Change your media query to a higher value?

max-width(600px) {etc..}

Answer 2

You can try and target specific orientation with your media query:

@media max-width(600px) and (orientation: landscape) {
    rules for landscaped devices...
}

More on media queries:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries