The best solution that was adopted for our website “ugly christmas sweaters” to optimize it for mobile devices is responsive web design. However in the creation of web design that is structure responsive, the challenge that is frequently faced is cross-browser compatibility which means compatibility across different browsers. The web designer must ensure that web design will work properly and it will be functional in any platform.
Solving the weak points of responsive web design
• Respond.js – enables an old browser to understand and execute CSS3 media queries. This web script seems to be an ideal solution but its purpose is solely to make old browsers read CSS3 instruction on media queries.
• adapt.960.js – the concept of this web script is similar to CSS3 media queries but it does not make use of CSS3
Which of the three solutions should be applied? If you choose to apply respond.js, you will need to write and manage a single CSS file but if you prefer adapt.960.js you will require several CSS files. If you choose Modernizr, you can take advantage of the new CSS3 capabilities of new browsers that support them with a reliable way of controlling them in old browsers without the capability.