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
Post a Comment