Saturday, 24 August 2013

bootstrap multiple resolution all layout inline media query css for responsive design including android iphone and web asp.net

bootstrap multiple resolution all layout inline media query css for
responsive design including android iphone and web asp.net

pI have finished a website its working fine in browser now i have been
asked to make it compatible with android, iPhone , iPad, Tablets,and web
etc, Im using bootstrap asp.net Now I'm trying and couldn't find any
answer. I'm using these inline media queries /p precode@media screen and
(min-width:0px) and (max-width:320px){/*Any css will be defined here*/}
@media screen and (min-width:321px) and (max-width:480px){/*Any css will
be defined here*/} @media screen and (min-width:481px) and
(max-width:540px){/*Any css will be defined here*/} @media screen and
(min-width:541px) and (max-width:775px){/*Any css will be defined here*/}
@media screen and (min-width:768px) and (max-width:783px){/*Any css will
be defined here*/} @media screen and (min-width:776px) and
(max-width:1536px){/*Any css will be defined here*/} @media screen and
(min-width:1537px){/*Any css will be defined here*/} /code/pre pBut in
some iPads the css is not applied Now my question is whats the standard
resolution and orientation which will cover all (Android, iPhone, tablets
and Web etc) css /p

No comments:

Post a Comment