css on mobile code example
Example 1: media query
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
Example 2: media query
@media only screen and (min-width: 768px) {
.my-example-class {
padding: 50px;
}
}
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
Example 3: detect mobile css
@media only screen and (max-device-width: 480px){
}
Example 4: css disable scroll mobile
html,
body {
width: 100%;
height: 100%;
margin: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}