How will this bug will affect the sites UX? Specially when they are using CSS media queries.
I'm not sure. Currently, when I visit https://whatismybrowser.com using TBA it shows something like:
Computer Screen: 412x609
Browser Window Size: 412x609 or 412x670 (depending on whether the toolbar is showing or not (Full-screen browsing)).
I suspect these screen sizes can fingerprint specific devices (but I haven't tested many other phones or tablets).
Android allows us to change display size in settings. We can also set specific size in developer settings. Maybe it can be mitigated if all users are advised to set a specific display size.
Testing different display sizes in https://browserleaks.com/css shows that only min-height, device-height, and min-device-height are changed. All the rest remain unchanged. So changing display size in Android settings is not really effective.
Actually it may work. I don't have two phones to test it. Can anyone test it on two different phones and see if setting the same display size is effective?
Only phones running on 7.0 nougat and above have the ability to change display size. At least 7.0+ users can have the same fingerprint.