Place Your Ad Here

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...
 
You must log in or register to reply here.

Similar threads

X
Bug XF responsive design breakpoints ignore DPI & modern high resolution phones
Replies
0
Views
41
XenForo General Discussions
Xon
X
B
XenForo Responsive Design
Replies
0
Views
731
XenForo 1
Brogan
B
P
Solved Responsive datalist: can't access property "classList", this.headerRow is null
Replies
0
Views
10
XenForo General Discussions
Painbaker
P
P
Bug Responsive datalist: can't access property "classList", this.headerRow is null
Replies
0
Views
21
XenForo General Discussions
Painbaker
P
O
XenForo Add an image/logo inside this box, and possibly have it be responsive
Replies
0
Views
131
XenForo Development & Modifications
oO5 Dynasty
O
Top Bottom
Back