I am creating a mobile app, am using a media query:\[code\]/* Smartphones (portrait) ----------- */@media only screenand (max-width : 320px) {/* Your Styles */}/* Smartphones (landscape) ----------- */@media only screenand (min-width : 321px) {/* Your Styles */}\[/code\]But the resolution is not fitting to the smaller screen devices.In general for responsive UI, you should style for a dimension range. For e.g. any device with screen resolution less than 320x480 or something similar. Is there any media query that supports for all the screen resolutions of mobile devices?