请问CSS 媒体查询中下列语句是什么意思 @media only screen and

发布网友发布时间：2022-04-06 10:42

共2个回答

热心网友时间：2022-04-06 12:11

下面是min-device-pixel-ratio的各种意思，就是各种分辨率下的设备，@media你应该知道吧，这个是判断各种分辨率下应用的属性。

-webkit-min-device-pixel-ratio为1.0：
所有非Retina的Mac
所有非Retina的iOS设备
Acer Iconia A500

Samsung Galaxy Tab 10.1
Samsung Galaxy S

-webkit-min-device-pixel-ratio为1.3：
Google Nexus 7

-webkit-min-device-pixel-ratio为1.5：
Google Nexus S

Samsung Galaxy S II

HTC Desire
HTC Desire HD
HTC Incredible S
HTC Velocity
HTC Sensation

-webkit-min-device-pixel-ratio为2.0：
iPhone 4
iPhone 4S
iPhone 5
iPad (3rd generation)
iPad 4
所有
Retina displays 的MAC
Google Galaxy Nexus
Google Nexus 4
Google Nexus 10
Samsung Galaxy S III
Samsung Galaxy Note II
Sony Xperia S
HTC One X

热心网友时间：2022-04-06 13:29

这位网友你好，这是媒体查询代码，表示只有在屏幕尺寸小于639像素的时候才会应用下面的样式。如果想要在手机端自适应，你还需要写上下面这句话。

请问CSS 媒体查询中 下列语句是什么意思 @media only screen and

请问CSS 媒体查询中下列语句是什么意思 @media only screen and