Sometimes, we want to force website to show in landscape mode only with CSS.
How to force website to show in landscape mode, we will look at in this article only with CSS.<
How to force website to show in landscape mode only with CSS?
We can set the width of the page in different orientations only with CSS, to force website to show in landscape mode.
For instance, we can write
@media only screen and (orientation: portrait) {
#wrapper {
width: 1024px;
}
}
@media only screen and (orientation: landscape) {
#wrapper {
width: 1024px;
}
}
to set the element with ID wrapper to width 1024px in portrait and landscape orientation.
Conclusion
To force website to show in landscape mode, we can set the width of the page in different orientations only with CSS.