这意味着@media only屏幕和(min-device-width:320px)和(max-device-width:480px)

Question

这在Wordpress Twenty Eleven主题的css文件中意味着什么.

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

Answer 1

它被称为CSS3媒体查询,这是一种技术,可以帮助您的网站适应各种屏幕尺寸,或基本上,它有助于为不同的设备提供不同的风格.

由于您是新手,我们将您的媒体查询细分为两部分:

@media only screen

这意味着我们将css样式应用于具有屏幕的设备.only此处使用的关键字隐藏旧版浏览器中的样式表,以查看电话样式表.

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

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