Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 856
Nizam Kazi Avatar asked Mar 16 '23 15:03

Nizam Kazi


2 Answers

Include this meta tag in your head section

<meta name="viewport" content="width=device-width, initial-scale=1">
like image 136
stanze Avatar answered Mar 19 '23 04:03

stanze


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).

like image 21
jksnw Avatar answered Mar 19 '23 04:03

jksnw