iPad lock orientation to landscape

Question

I would like that when an iPad or other tablet views my website it is only in landscape mode and can't rotate when iPad is in portrait mode.

Is it possible with CSS or JavaScript? I've got my css called main.css and i would add a tablet.css only for tablets with horizontal orientation.

Answer 1

Hmm. I don't think there's a simple answer for this. But a workaround could be to detect the size of the viewport: if the width is greater than the height, display normally. Otherwise, use CSS to rotate the main container 90 degrees. Good luck!