Question : css device orientation
Answered by : disturbed-dunlin-ahrngsgb7mgb
/* For portrait, we want the tool bar on top */
@media screen and (orientation: portrait) { #toolbar { width: 100%; }
}
/* For landscape, we want the tool bar stick on the left */
@media screen and (orientation: landscape) { #toolbar { position: fixed; width: 2.65em; height: 100%; } p { margin-left: 2em; } li + li { margin-top: .5em; }
}Source : https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation | Last Update : Tue, 24 Nov 20