viewport和@media的区别是什么

Question

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

Answer 1

viewport是用在移动端的设置屏幕大小,media则是根据屏幕大小的不同来设置对应的样式

Answer 2

@media 在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值。可以对指定的元素进行控制