@media唯一屏幕和（最大宽度：800px）和@media（最小宽度：800px）之间的区别

Question

我是html媒体屏幕CSS的初学者。 这样做有什么意义：在媒体屏幕

Answer 1

最小和最大宽度试想@media (max-width:800px)。在这里你拿了宽度800.SO用的要应用样式一800像素最大宽度的窗口。

现在考虑@media only screen and (max-width:800px)

根据W3C的解释。

The keyword ‘only’ can also be used to hide style sheets from older user agents. User agents must process media queries starting with ‘only’ as if the ‘only’ keyword was not present.

请看看here指出更差

Answer 2

“仅屏幕”显示了什么是“设备”，将这个样式（最大，最小宽度）申请。在此处查看 - http://www.w3schools.com/css/css_mediatypes.asp

最大宽度：800px表示当屏幕小于800像素时，将应用{}中的样式。最小宽度是相反的。