Mobile website width: This is just a little test.

[xpcjx87]

Hi, I need to test how my test website looks on an LG G2. I set the maximum width of the site to 480p and minimum to 320p, and I'm curious how the site will look on a device that has a 1080p width (the LG G2). I just don't know if the phone will scale the website or zoom into the proper area.

Just go to testblog607.blogspot.com and take a screenshot. Reply here with the screenshot please.

 

[acejavelin]

Hi, I need to test how my test website looks on an LG G2. I set the maximum width of the site to 480p and minimum to 320p, and I'm curious how the site will look on a device that has a 1080p width (the LG G2). I just don't know if the phone will scale the website or zoom into the proper area.

Just go to testblog607.blogspot.com and take a screenshot. Reply here with the screenshot please.

This is more a browser thing... Attached is a screenshot of it on a Nexus 4 (1280x720 display) with Chrome, tough to see without manually zooming in.



Sent from my Nexus 4 using Tapatalk

 

[xpcjx87]

This is more a browser thing... Attached is a screenshot of it on a Nexus 4 (1280x720 display) with Chrome, tough to see without manually zooming in.

View attachment 116951

Sent from my Nexus 4 using Tapatalk

Thanks, I got it figured out now. I'll just have to stretch it to max @ 960 and use bigger text, and scale width of any images to 90 - 100%

 

[Guillaume Demeyere]

If this has anything to do with css media queries, you should look into viewports, that should normally make responsive web design and scaling a lot easier on mobile devices with different resolutions.

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag