Sorry to bring this up again, but it’s driving me crazy. Do we have a math professor here who can explain breakpoints to me?
The point is: A device determines which mobile page should be displayed in the browser, depending on which screen you have available. But how to calculate this in advance?
I made a test page and different pages for all 5 versions in Sparkle to see what my device displays. And I don’t understand it.
Here are my mobile devices.
Galaxy S20 Phone, 6.2" display, 1,400 x 3,200 px, 566 ppi
Portrait mode: I see the 320 px page. OK
Landscape mode: I see the 768 px page: OK
Galaxy S6 Tablet, 10.5" display, 1,536 x 2,560 px, 284 ppi
Portrait mode: I see the 480 px page: NOT OK. I actually expect the 768 px page. There are wide “grief margins” on the left and right.
Landscape mode: I see the 960 px page: OK
Browser is Chrome for mobile devices. Is there a trick to this, other than enabling “show desktop version” on the tablet?