I am building a website in HTML, CSS3 + Javascript and jQuery,
I want to make this layout as responsive layout. Any one having idea how to use media queries, inform me about multiple devices with screen ranges
And if we are using just width for applying styles like this
@media only screen and (min-width:310px) and (max-width:479px) { }
than why we use Orientation (landscape & portrait) in this,
and last problem is this that contents are not readable, so small contents, suggest me best unit for font-size: i.e. pt, px, em aor %