על איזה רזולוציות לעשות רספונסיביות
גדלי המסך אין סופיים אבל יש גדלים שהם עיקריים שעליהם נצטרך לעשות רספונסיביות
גדלי המסך שצריך לבדוק הם
- 1920 על fhd 1080
- 1680 על 1050
- 1366 על 767 – ניידים
- 1280 על 720
- 1024 על 768
@media screen and (max-width: 1920px) and (min-width: 1681px) {
}
@media screen and (max-width: 1680px) and (min-width: 1367px) {
}
@media screen and (max-width: 1366px) and (min-width: 1281px) {
}
@media screen and (max-width: 1280px) and (min-width: 1201px) {
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}