Responsive web design is working on desktop but not on mobile device

Question

I have a website which must be responsive for mobile phones  I ve created it using my desktop  When I adjust browser windows it s working perfectly for mobile phone but when I check it on my real mobile phone  Samsung Galaxy S2 it s not responsive to the mobile view   What could be the wrong

User · Answer

I have also faced this problem  Finally I got a solution  Use this bellow code  Hope  problem will be solve    lt meta name  viewport  content  initial-scale 1  maximum-scale 1  gt

User · Answer

Responsive meta tag  To ensure proper rendering and touch zooming for all devices  add the responsive viewport meta tag to your  lt head gt     lt meta name  viewport  content  width device-width  initial-scale 1  shrink-to-fit no  gt

User · Answer

You are probably missing the viewport meta tag in the html head     lt meta name  viewport  content  width device-width  initial-scale 1  gt    Without it the device assumes and sets the viewport to full size   More info here

User · Answer

Though it is answered above and it is right to use   lt meta name  viewport  content  width device-width  initial-scale 1  gt    but if you are using React and webpack then don t forget to close the element tag   lt meta name  viewport  content  width device-width  initial-scale 1    gt

[mobile] Responsive web design is working on desktop but not on mobile device

Examples related to mobile

Examples related to web

Examples related to responsive-design