מובייל

[יעל מור]

1. האם יש אפשרות לבטל תמונה שבמחשב היא תראה ובמוביילים וניידים לא?
2. האם יש אפשרות לעשות סגנון תפריט במחשב לדוגמא לתת צל ובניידים שלא יהיה צל?

 

[mend]

כן.
הכל אפשרי, להתנות ברזולוציה של המסך
לשים הרזולוציה של מובייל
display:none
לעמות רזולוציה של מסך מחשב
disply:blok
וכנ"ל בצל.
את כל הסטייל לשים בתוך רזולוציה מסוימת. לדוג'
@media (min-width: 768px){
.li {
float: right;
}

}

 

[יעל מור]

כתבתי את מה שנתת אבל משום מה זה מראה לי בקוד שיש סוגר מיותר אשמח לקוד אחר

 

[Shia]

כתבתי את מה שנתת אבל משום מה זה מראה לי בקוד שיש סוגר מיותר אשמח לקוד אחר

פחות חשובה דוגמת הקוד. יותר חשוב להכיר וללמוד את הנושא של media queries בcss.

בעיקרון הרעיון אומר שאפשר לכתוב הגדרות סגנון שונות בהתאם לרוחב התצוגה (וכן כל מיני מאפיינים אחרים של התצוגה, אבל לא חשוב כרגע)

למשל בדוגמה להלן משתנה צבע הרקע של הדף בהתאם לרוחב המסך:

@media screen and (max-width: 1024px) {
    body {
        background-color: #fff;
    }
}
@media screen and (max-width: 480px) {
    body {
        background-color: #eee;
    }
}

לקריאה נוספת:
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp