CSS3 @media queries doesn't work when OR statement used.

Discussions about the development and maturation of the platform code (UXP).
Warning: may contain highly-technical topics.

Moderators: trava90, athenian200

User avatar
M_O_Z_G
New to the forum
New to the forum
Posts: 1
Joined: 2023-01-03, 17:17

CSS3 @media queries doesn't work when OR statement used.

Unread post by M_O_Z_G » 2023-01-03, 22:04

Hi, I found that Pale Moon/Basilisk browsers just ignore CSS3 media query rules if OR statement is used there. See the example. As far, as I can understand, it's issue of Goanna itself. Sorry, if I used wrong forum topic. Just can't found nothing related with Media Queries on the forum.

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35404
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

Re: CSS3 @media queries doesn't work when OR statement used.

Unread post by Moonchild » 2023-01-03, 23:24

"or" is not a CSS level 3 feature. it's a very recent level 4 addition which is why we currently do not support it.
You can use the standard for separate queries with comma separation which has been a long-term standard.

Even in mainstream this support is spotty, and it's not recommended you use this at this time:
Note: The Media Queries Level 4 specification has reasonable support in modern browsers, but some media features are not well supported.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

Locked