Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html @media-only屏幕和@media(最大宽度:800px)与@media(最小宽度:800px)之间有什么区别_Html_Media - Fatal编程技术网

Html @media-only屏幕和@media(最大宽度:800px)与@media(最小宽度:800px)之间有什么区别

Html @media-only屏幕和@media(最大宽度:800px)与@media(最小宽度:800px)之间有什么区别,html,media,Html,Media,我是html媒体屏幕CSS的初学者。 这意味着什么:Min和Max宽度在媒体屏幕中只考虑@ Media Max宽度:800 px。这里的宽度为800。因此,对于一个最大宽度为800 px的窗口,你想要应用样式。 现在考虑“只有介质屏幕和最大宽度:800 px 根据w3c的解释 关键字“only”也可用于对较旧的用户代理隐藏样式表。用户代理必须处理以“only”开头的媒体查询,就像“only”关键字不存在一样 请看一看,以指出更多的差异只有屏幕显示此样式的最大、最小宽度适用于哪些设备。看这里- 最

我是html媒体屏幕CSS的初学者。 这意味着什么:Min和Max宽度在媒体屏幕

中只考虑@ Media Max宽度:800 px。这里的宽度为800。因此,对于一个最大宽度为800 px的窗口,你想要应用样式。

现在考虑“只有介质屏幕和最大宽度:800 px

根据w3c的解释

关键字“only”也可用于对较旧的用户代理隐藏样式表。用户代理必须处理以“only”开头的媒体查询,就像“only”关键字不存在一样


请看一看,以指出更多的差异

只有屏幕显示此样式的最大、最小宽度适用于哪些设备。看这里-

最大宽度:800px表示当屏幕小于800px时,{}中的样式将应用。
最小宽度为oposite。

请使用Google或StackOverflow搜索。