Note that there are some explanatory texts on larger screens.

plurals
  1. POResponsive design not working well for smaller divices
    text
    copied!<p>just Designed a responsive website (www.atdrive.com) its working very fine in screens have larger resolutions, but.. it is not working in for small devices which have smaller resolution<br> Like smartphones and phablets they have smaller screens but larger resolutions.. for better definition hava look at few screenshots taken from different emulator devices</p> <p><strong>Samsung Galaxy tab 2 ||</strong> <em>working fine</em></p> <p><img src="https://i.stack.imgur.com/tvVXn.png" alt="enter image description here"></p> <p><strong>Samsung Galaxy Note 2 ||</strong> <em>working fine</em> <img src="https://i.stack.imgur.com/lTZKa.png" alt="enter image description here"></p> <p><strong>Iphone||</strong> <em>Not working fine</em></p> <p><img src="https://i.stack.imgur.com/ID8yS.png" alt="enter image description here"></p> <p><strong>Same</strong></p> <p><img src="https://i.stack.imgur.com/aVXPg.png" alt="enter image description here"></p> <p><strong>Samsung Galaxy S||</strong> <em>working fine</em> <img src="https://i.stack.imgur.com/XV6kj.png" alt="enter image description here"></p> <p>As you can see website shifted towards left, and i'm not getting any clue how to fix it, i have tried applying viewport but it not worked and my css are: </p> <pre><code>@media only screen and (min-width: 480px) and (max-width: 619px) @media only screen and (min-width: 320px) and (max-width: 479px) @media only screen and (min-width: 250px) and (max-width: 319px) @media only screen and (max-width: 249px) </code></pre> <p>So please suggest something to fix it or if you had walk-through any similar issue <a href="http://atdrive.com" rel="nofollow noreferrer">visit atdrive</a></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload