html - CSS3 Media Queries in web responsive design -


media queries create 2 versions of site? mobile , desktop?!

any advice??

usually inline media queries work fine me there variation between site needs compared desktop site, thinking of having 2 totally separate style sheets?

use single style sheet following media queries. using single style sheet reduce page loading time.

using multiple(more 2 have planned) media queries improve user experience, when multi tasking.

(max-width: 640px){your css style}  (min-width: 641px) , (max-width: 800px){your css style}  (min-width: 801px) , (max-width: 1024px){your css style}  (min-width: 1025px){your css style} 

if not using screen size, make abstract. might need in future.


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -