What is new in IE9 - Media Queries
בעבר במידה ורצינו להציג את הדף לפי הרזולוצייה או לפי רוחב המסך היינו צריכים לכתוב javascript שיעשה את העבודה. לא עוד מהיום נוכל לתשאל בעזרת Media Query הגדרות שונות של סביבת העבודה.
למשל - הקוד הבא
div
{
border: solid 1px black;
}
@media screen and (max-width:400px)
{
div
{
border: none;
}
}
מגדיר שבמידה ורוחב המסך קטן מ - 400px המסגרות של ה - div-ים יעלמו.
(זה ממש נחמד לראות את המסגרות נעלמים ברגע שמקטינים את המסך)
אפשר לתשאל בעוד הרבה דברים.
גובה,
רוחב,
גובה ורוחב של mobile,
האם הרוחב גדול מהגובה,
מה היחס בין הרוחב לגובה (1280/720 או 2560/1440 ועוד)
כמה צבעים המסך תומך
מה הרזולוצייה של המסך
ועוד.
לקריאה מלאה אפשר לקרוא בהגדרה של התקן וכמובן אפשר לקרוא על כל הפיצ'רים שאני כותב עליהם
באתר של מיקרוסופט