Creating icons/images for mobile web applications can be a pain, trying to cater for all different screen sizes and densities/dpis. If your image is too small for the device and up-scaled it will look pixilated or blurred and if it is too large for the device and down-scaled it can result in loss of detail [...]
If you are wanting to test whether a browser feature is supported in JavaScript or in CSS you can simply use Modernizr. Step 1 – Download Modernizr js File http://www.modernizr.com Step 2 – Reference js File In your html head include: <script type=”text/javascript” src=”modernizr-latest.js”></script> Feature Detection in JavaScript Example, if you want to detect if [...]
To force a website to fit a mobile device screen add the following meta tag to your html head: The user-scalable=no prevents a user from zooming in and out. For more info see: https://developer.mozilla.org/en/Mobile/viewport_meta_tag (note: the viewport meta tag is not Mozilla specific)