יש מקרים שנרצה לעשות שבירת שורה בווידג'ט כותרת למשל או עורך תוכן ונרצה שהשבירת שורה תופיע רק במובייל ושזה לא ישפיע על הווידג'ט בדסקטופ או טאבלט. ולהיפך, לכן נשתמש בקוד הבא על הווידג'ט הספציפי שנרצה.
מתי הקוד פועל?
כשהרוחב של המסך קטן או שווה ל- 767 פיקסלים (כלומר במובייל)
מה קורה בפועל?
במובייל יוצא שאנחנו מסתירים את ה- BR שזה אומר אין ירידת שורה.
שבירת השורה
מוצגת בטאבלט ומעלה
@media (max-width: 767px) {
selector br {
display: none;
}
}
מתי הקוד פועל?
הקוד הזה יעבוד כשהרוחב של המסך גדול או שווה ל- 767 פיקסלים (טאבלט ומעלה – כולל מחשבים)
מה קורה בפועל?
בטאבלט ודסקטופ מסתירים את ה- BR שזה אומר שאין ירידת שורה.
שבירת השורה
מוצגת רק במובייל
@media (min-width: 767px) {
selector br {
display: none;
}
}