css - 这行CSS是什么意思？ @仅限媒体屏幕和(min-device-width : 320px) and (max-device-width: 480px)

我在Wordpress的“二十一”主题样式表中找到了以下代码行。

这是什么意思？

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)

最佳答案

它被称为CSS3 Media Queries，它是一种技术，可以帮助您的网站适应各种屏幕尺寸，或者基本上可以适应不同设备的风格。

由于您是新手，因此将您的媒体查询分为两部分:

@media only screen

这意味着我们将css样式应用于具有屏幕的设备。这里使用关键字only来隐藏旧版浏览器中的样式表，以免看到电话样式表。

and (min-device-width: 320px) and (max-device-width: 480px)

这很明显，因为这意味着当设备的屏幕尺寸在宽度尺寸上具有最小320px和最大480px的屏幕大小时，仅应用指定的css 。

关于css - 这行CSS是什么意思？ @仅限媒体屏幕和(min-device-width : 320px) and (max-device-width: 480px)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16402870/