@media only屏幕和（max-width：800px）和@media（min-width：800px）之间有什么区别

Question

我是html媒体屏幕CSS的初学者。 这是什么意思：媒体屏幕中的最小和最大宽度

Answer 1

只需考虑@media (max-width:800px)。在这里，您将宽度设置为800.SO，以获得要应用样式的最大宽度为800px的窗口。

现在考虑@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

＆＃34;只有屏幕＆＃34;显示什么＆＃34;设备＆＃34;这种样式（最大，最小宽度）是否适用。在此处查看 - http://www.w3schools.com/css/css_mediatypes.asp

最大宽度：800px表示当屏幕小于800px时，{}中的样式将适用。 最小宽度是对面。