Skip to content
This repository has been archived by the owner on Mar 6, 2024. It is now read-only.

CSS @media viewport width landscape incorrect #1768

Open
dVVIIb opened this issue May 1, 2021 · 1 comment
Open

CSS @media viewport width landscape incorrect #1768

dVVIIb opened this issue May 1, 2021 · 1 comment

Comments

@dVVIIb
Copy link

dVVIIb commented May 1, 2021

iPhone XS, 11 Pro, possibly others.
Firefox Daylight 33.1 (4629), Firefox Focus 8.1.7

The CSS rule @media (min-width: 89.35vw) { body { background: red } } isn't applied on landscape orientation, but is applied on portrait orientation.

The CSS rule @media (min-width: 89.34vw) { body { background: red } } is applied normally.

This discrepancy is not present in Safari.

Essentially, there is a discrepancy in detected vw unit size vs width, in landscape orientation.

I haven't tested, but similar issue might be applicable for vh units and height in portrait orientation (unsure).

┆Issue is synchronized with this Jira Task

@st3fan
Copy link
Contributor

st3fan commented May 4, 2021

I think this may be related to #1784

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants