/* ####### ######## #### ######## ## ## ######## ### ######## #### ####### ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## #### ## ## ## ######## ## ###### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## #### ## ######### ## ## ## ## ## #### ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ### ####### ## ## #### ######## ## ## ## ## ## ## #### ####### ## ## */ /** lanscape : html orientation ***********************************************************************************************************/ @media screen and (min-width: 320px) and (max-width: 37em) and (orientation: portrait) { html.orientation-landscape { transform: rotate(-90deg); transform-origin: left top; -webkit-transform-origin: left top; -webkit-transform: rotate(-90deg); width: 100vh; overflow-x: hidden; /* on pose le en absolute pour que le landscape fonctionne dans tous les cas, à savoir si l'utilisateur pivote en sens horaire et anti-horaire */ position: absolute; top: 100%; left: 0; } } /** lanscape : disable paddings for landscape mode ****************************************************************************************/ html.orientation-landscape .ui-page{ padding: 0!important; } @media screen and (orientation: landscape) { .ui-mobile .ui-page { min-height: inherit; } }