XF responsive design breakpoints ignore DPI & modern high resolution phones

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

Читать далее...