W3C home > Mailing lists > Public > www-style@w3.org > May 2015

Re: [mediaqueries] Trying to understand the syntax design

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Mon, 4 May 2015 15:29:40 -0700
Message-ID: <CAAWBYDDGN1MJ-p58G3Qz392uMqkkMa_n0gJMhvzk0AG9wZ9Lqg@mail.gmail.com>
To: Florian Rivoal <florian@rivoal.net>
Cc: Lucas Wiener <lucas@wiener.se>, www-style list <www-style@w3.org>
On Mon, May 4, 2015 at 7:37 AM, Florian Rivoal <florian@rivoal.net> wrote:
> On 29 Apr 2015, at 14:11, Lucas Wiener <lucas@wiener.se> wrote:
>> I'm trying to understand the reasons for the syntax design of media queries.
>> Are there any reasons why media queries are written "@media (min-width:
>> 500px) { … }" instead of "@media (width >= 500px) { … }"?
>
> Legacy. The min- and max- syntax were what was introduced way back, chiefly
> (I believe, that's before my time) due to compat concerns of using the
> < (and >) characters inside html.

Yup.  It's from *way* back when, when you had to do the:

<style>
<!--
styles here
-->
</style>

trick to keep some legacy browsers from displaying your stylesheet as
text.  It's been irrelevant for over a decade, which is why we finally
added the originally-desired syntax to MQ4. ^_^

~TJ
Received on Monday, 4 May 2015 22:30:27 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:53 UTC