forcing website to show in landscape mode only
<style type="text/css">
#warning-message{
display: none;
}
@media only screen and (orientation:portrait){
#wrapper {
display:none;
}
#warning-message {
display:block;
}
}
@media only screen and (orientation:landscape){
#warning-message{
display:none;
}
}
</style>
....
<div id="wrapper">
<!-- your html for your website -->
</div>
<div id="warning-message">
this website is only viewable in landscape mode
</div>
Also in CSS:
- hide horizontal scrollbar css
- kotlin iterate array
- react import bootstrap css
- focus um elemento altera outro css
- Can you change the color of a placeholder
- direct child css
- how to add 2 text shadows
- difference between class and id in html css
- what is scss
- stop text from wrapping
- pestañas dentro de una pagina web php
- how to add image with url in css
- ram
- como fazer uma linha vertical no html
- css hero image
- css rotate 90 deg
- hide scrollbar css
- Safari only CSS hack
- svg css
- amazon type search box html css
- css input after not working
- basic css designn elements
- a no line css
- laavel relation through morph