data.cityofchicago.org - every image and button looks huge

[webcompat-bot]

URL: https://data.cityofchicago.org/widgets/dfnk-7re6

Browser / Version: Firefox Mobile 68.0
Operating System: Android
Tested Another Browser: Yes

Problem type: Design is broken
Description: every image and button looks huge
Steps to Reproduce:
When visiting the site every image and button looks huge, but it looks good on chrome

Browser Configuration

• None

From webcompat.com with ❤️

[mozilianulb]

This issue is reproducible. On Chrome the page looks ok and every element is visible.

Tested with:
Browser / Version: Firefox Fenix (Preview) 1.0.1926
Operating System: OnePlus 2 (Android 6.0.1) - 1080 x 1920 pixels, 16:9 ratio (~401 ppi density)

[karlcow]

Interesting because the html and the body have for size 200 x 40 and the page is still super zoomed.

<meta name="viewport" content="width=device-height, user-scalable=no">

huh!

Replacing it by:

<meta name="viewport" content="width=device-width, user-scalable=no">

and this is working. Not sure why it fails so bad in Firefox.
@theres-waldo @hiikezoe

ah it seems that when device-height is specified the site does computation for the style attribute element in a very weird way.

[karlcow]

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1556275

[lock]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.