What are the (standard) numbers to work with, when making css responsive layout?
@media screen and (min-width: px) {
/* Mobile */
}
@media screen and (min-width: px) {
/* Tablet */
}
@media screen and (min-width: px) {
/* Desktop */
}
And
@media screen and (max-width: px) {
/* Mobile */
}
@media screen and (max-width: px) {
/* Tablet */
}
@media screen and (max-width: px) {
/* Desktop */
}
Answer
Material design has a very complete section on Responsive UI layouts with numbers.
According to it the screen sizes in dp would go:
- xsmall: 0 - 600
- small: 600 - 960
- medium: 960 - 1280
- large: 1280 - 1920
- xlarge: 1920+
No comments:
Post a Comment