W3C home > Mailing lists > Public > public-css-archive@w3.org > May 2021

Re: [csswg-drafts] [css-device-adapt] Remove @viewport (#4766)

From: Kevin via GitHub <sysbot+gh@w3.org>
Date: Fri, 07 May 2021 09:08:52 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-834196066-1620378530-sysbot+gh@w3.org>
Not sure if this is the best place to ask, but I figured I'd give it a go. What got me here initially was wondering how the  element `<meta name="viewport" content="width=device-width; initial-scale=1.0">` was being processed. That lead me to the [CSS Device Adaptation](https://drafts.csswg.org/css-device-adapt/) page.

It is my understanding that the browser then parses this line and translates it into an `@viewport` rule and then inserts it into the DOM as if it were in a `<style>` element. I was then shocked to find out this CSS rule is deprecated, leading to another question and why I'm here. My question is if the `@viewport` rule is deprecated, then how can the `<meta name="viewport" content="width=device-width; initial-scale=1.0">` HTML tag still work?

Keep in mind, I'm extremely new to the field of web development and so I don't yet understand how things happen "under-the-hood" so to speak. Please be gentle. Thank you. 

GitHub Notification of comment by kevinwr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4766#issuecomment-834196066 using your GitHub account

Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 7 May 2021 09:08:55 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 20:27:23 UTC