Menu
At the moment, i'm working on my site. The mobile version is almost done. But if I rotate my screen (smartphone for example) in landscape, it looks horrific. I tried to change it with queries but the result isn't quite nice. Is there a way to lock orientation so that it always stays in portrait-mode?
Edit:
I thought maybe I could do something with the height and the width. So that if the width of the screen is larger then the height, the body should rotate 90 degrees.
376
In order to disable the landscape mode you need to add the following meta tag to your page header like so: Note: Please paste it at the top of your header. You can use the plugin call insert headers and footers to do so.
Swipe down from the top-right corner of your screen to open Control Center. Tap the Portrait Orientation Lock button to make sure that it's off.
Add android:screenOrientation="portrait" to the activity you want to disable landscape mode in.
On iPhone X or later, swipe down from the top right side of your iPhone screen. If you have an iPhone SE (2nd gen) or an iPhone 8 or earlier, swipe up from the bottom of your screen (3 finger swipe up for VoiceOver users), to open Control Center. Select the Portrait Orientation Lock icon.
You need to add the following meta tag to your page header like so:
<meta http-equiv="ScreenOrientation" content="autoRotate:disabled">
Or you can have separate CSS files for landscape and portrait mode like so:
<link rel="stylesheet" type="text/css" href="css/landscape.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="screen and (orientation: portrait)">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
