css3 - viewport和@media的区别是什么

Question

最近做的移动端响应式，用viewport，然后改成比例调节，就支持了移动端。
那么@media用在什么情况下呢？
这两个各自的特点和适用场景是什么？

Answer 1

Viewport is used to set the screen size on the mobile terminal, while media is used to set the corresponding style according to the different screen sizes

Answer 2

@media Add the @media screen attribute in CSS to determine and output different length and width values ​​based on the browser width. Can control specified elements