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

Question

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

Answer 1

viewport是用在行動端的設定螢幕大小,media則是根據螢幕大小的不同來設定對應的樣式

Answer 2

@media 在CSS中加入@media screen屬性,根據瀏覽器寬度判斷並輸出不同的長寬值。可以對指定的元素進行控制