www.wysiwygwebbuilder.com

Hi,

I was wondering if since most phones these days have HD screens they still look at the 320 breakpoint even though in portrait mode the page/screen width may be something like 720.

I guess my question is how do I force a mobile phone to choose the page/template I want it to?

You cannot force a breakpoint, but a common practice is to add 320 and 768 breakpoints.
Or maybe even skip 320 and use 480 instead.

The part I don't understand is: why does my phone browser which has a screen at its disposal of 1080 wide, still opt for the 480 breakpoint?
Shouldn't it use the 800 one for example? I don't understand what criteria they use to determine which breakpoint they use.

It may be related to how you have configured the breakpoints.

See 'When do I use Activate breakpoints when browser window is larger than the device width?' in the FAQ:
viewtopic.php?f=10&t=63817

ShadowMakerSdR wrote: Tue Oct 22, 2019 3:31 pm The part I don't understand is: why does my phone browser which has a screen at its disposal of 1080 wide, still opt for the 480 breakpoint?
Shouldn't it use the 800 one for example? I don't understand what criteria they use to determine which breakpoint they use.

No, that's not how phones work. There's a web site somewhere (I can't think of it at the moment) which, when viewed will display the actual size that you need for that device. I'm sure someone here will know what I mean.

Alan

Here's a website that should help.

Pixel size and the actual viewing port size appears to be two different things. I was confused until I saw the difference. The view port size is the one we're interested in of course.

It does not have the latest iPhones or google phones but will give you some info to start. Maybe someone has a more up to date site they can share. A downloadable PDF is available also. (Scroll past half way down.)

https://mediag.com/blog/popular-screen- ... g-for-all/

Try clicking on this site https://www.mydevice.io/ from your mobile phone

It's not the one I was thinking of, but it may help.

Alan

Pablo wrote: Tue Oct 22, 2019 3:45 pm It may be related to how you have configured the breakpoints.

See 'When do I use Activate breakpoints when browser window is larger than the device width?' in the FAQ:
viewtopic.php?f=10&t=63817

Thanks for that link. There's some very useful information for me on there. The two links on that page to check for screensizes and responsiveness point to domainsquatters instead of actual sites though.

@Donald and @Alan,

Thanks for those links. They've been very helpful.