Adaptivate provides courses representing the present web page width and orientation to any factor you select (e.g. the html or physique tag) to be able to simply make your website adaptive/responsive with out having to cope with messy CSS media queries.
Utilizing these courses, you’ll be able to create CSS guidelines to use totally different types primarily based on the web page width or orientation. For instance, you can also make the menu a hard and fast width on screens smaller than 768px, and fluid on bigger screens. Or make checklist gadgets float left on screens bigger than 1024px.
As a substitute of utilizing CSS media queries like “display screen and (min-width: 641px) and (max-width: 1023px) and (orientation: portrait)”, you’ll be able to embody a rule in your css to focus on ”.width_gt_640.width_lt_1024.orientation_portrait”.
Adaptivate solely requires jQuery, and helps any browser that jQuery does (for optimum compatibility, use model 1.9x).
