Solved XF responsive design breakpoints ignore DPI & modern high resolution phones

This topic has been solved
X

Xon

Guest
I've leaned that the Samsung Galaxy A14 reports a 1080x2408px resolution in a 6.6 inch screen-size.

The problem? XF's media queries assume >900px is actually at a usable resolution (96 dpi or maybe 144 dpi, and not 400 dpi. well 400 dppx for media queries).

I think implementing min-resolution/-webkit-min-device-pixel-ratio or max-resolution/-webkit-max-device-pixel-ratio in various media queries will be needed :(

Continue reading...