Meta Viewport Question

1 
<meta name="viewport" content="width=device-width, initial-scale=1">

or

@-ms-viewport {
  width: device-width;
  initial-scale: 1;
}
@viewport {
  width: device-width;
  initial-scale: 1;
}

or both like this:

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@-ms-viewport {
  width: device-width;
  initial-scale: 1;
}
@viewport {
  width: device-width;
  initial-scale: 1;
}
<style/>
2

Interesting question. I don’t know the answer, but this was an interesting read:
https://en.wikipedia.org/wiki/CSS_hack#Prefix_filters

1 Like