CISC 282 Lecture Notes - Lecture 4: Browser Sniffing, Mobile Browser, Responsive Web Design

• School: Queen's University
• Department: Computing
• Course: CISC 282
• Professor: Sarah- Jane Whittaker

Document Summary

@media screen and (max-width: 960px) { body { article, aside { Etc. formatting width: 960px; margin-right: auto; margin-left: auto; width: 640px: float: none; width: auto; /* can set a max width for ultrawide monitors */ * can make it so that elements floating beside each other stop floating and fall below each article, aside { float: none; width: auto; other. Interpreted by ie9 and earlier: helps to support older versions of ie load specific css to manage idiosyncrasies. Rendering engines: vendor prefixes, preceed some css properties, designed for browser-specific experimental features, now common in established features, but currently there"s an effort to eliminate them. Fallbacks define alternatives to manage browser inconsistencies (can be in html, css, For css: put fallbacks in the same rule, watch the order and property. Linking to html: explicit embedding javascript lives in the html file, problematic, does not separate content and behavior, can cause xhtml validation errors, cant be used in multiple files.