~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~我是废话线
刚刚在看书到css这个@media属性的时候发现了这个疑惑点，网搜了一会儿没看到心仪的答案，在stackoveflow看到这个问题的解答也没怎么读懂，幸运的是继续翻到后一页看到书上给出了解释，哈哈，我又蠢晕了（捂脸逃）。这里分享一下自己刚刚看到的，希望可以帮到有相同困惑的宝宝们~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~废话线完毕
width:视口宽度（视口指浏览器窗口内的内容区域，不包含工具栏，标签栏等）
height：视口高度
device-width:渲染表面的宽度（对我们来说，就是设备屏幕的宽度）
device-height:渲染表面的高度（对我们来说，就是设备屏幕的高度）
