1. Desktops, HDPI screen
@media screen and (min-width: 1281px) {
}
2. Laptops, iPAD Pro, MDPI screen
@media (min-width: 1024px) and (max-width: 1280px) {
}
3. iPad
@media (min-width: 768px) and (max-width: 1023px) {
}
4. Mobiles
@media (min-width: 481px) and (max-width: 767px) {
}
5. Small Smartphones
@media (min-width: 320px) and (max-width: 480px) {
}
Mobile Size
ip 5/SE………….320 568
Mate 9………… 360 523
Galaxy S5 ……360 640
IP 6/7/8 ………..375 667
IP X ……………..375 812
Pixel 2………… 411 711
Pixel 2XL …….411 823
IP 6/7/8 + …….414 736
Ipad ……………768 1024
Ipad Pro …….1024 1366