title: Bootstrap multiple resolution all layout inline media query CSS for responsive design including Android iphone and web asp.net
body: <p>I have finished a website, it's working fine in browser now. I have been asked to make it compatible with Android, iPhone, iPad, Tablets,and web etc. I'm using bootstrap asp.net.</p>
  
  <p>Now I'm trying and couldn't find any answer. I'm using these inline media queries </p>
  
  <pre><code>@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>
  
  <p>But in some iPads the CSS is not applied. Now my question is, what's the standard resolution and orientation for @media which will cover all (Android, iPhone, tablets and Web etc) CSS?</p>