Search code examples
csshtmltwitter-bootstrapresponsive-designmedia-queries

Responsive website looks different in mobile browser


I am developing website for 480px to 768px wide screen. when I check website on my PC Chrome on browser width 480px, it looks perfect. But when I see same website on mobile which has resolution 720x1280 using Chrome browser it looks weird.


Solution

  • The is helped the OP:

    Although the mobile device has a resolution of 720x1280 the device might claim otherwise when it's width is being queried. Width of your device(in px) can be different than resolution(in px).