@media screen and (min-width: 0px) and (max-width: 1204px) and (orientation: landscape) {
html {
transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
overflow-x: hidden;
position: absolute;
top: 100%;
left: 0;
}
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
/* your CSS to target only landscape mobile users */
}
Code Example |
---|
Css :: scrollbar with 2 different colors on same page css |
Css :: css 2 divs nebeneinander |
Css :: css wrap text |
Css :: css nesting |
Css :: css toggle switch |
Css :: para que sirve justify-content-center |
Css :: how to round input border |
Css :: up arrow css |
Css :: can you control another div on hover css |
Css :: login page ui html css |
Css :: variable in scss |
Css :: css make hover on parent child move |
Css :: display css |
Css :: media query in scss |
Css :: css verbinden |
Css :: css ovel |
Css :: css tricks macos spaces in dock |
Css :: memebuat html dan css login instagram |
Css :: change the background of an element in a loop using css |
Css :: display: block; |
Css :: background-image url( background.png ) |
Css :: html css landing page |
Css :: how to make button appear on hover |
Css :: transform in css |
Css :: CSS Table Alignment |
Css :: circle css animation |
Css :: advanced selectors in css |
Css :: how to select elements from a parrent element css |
Css :: scroll css |
Css :: css mdn |