body:before {
content:"";
background: #000 url(/images/landscape-warning.png) center center no-repeat;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 30;
display: none;
}
@media only screen and (orientation: landscape) {
body:before {
display: block;
}
}
Adds a warning if your device is in landscape mode.
No extra markup needed!
No extra markup needed!
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.