2017-04-22 79 views

回答

0

下面是针对您的要求的解决方案。

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

     /* STYLES GO HERE */ 
    } 

为了找出有关的任何设备的媒体查询,只是谷歌找到了该设备的屏幕分辨率和使用媒体查询该值。

+1

尽管链接到外部资源很有帮助,但您应该在答案中包含相关部分。这确保信息始终可以访问。 –

+0

同意。让我更新答案。 –

0

这应该有效。第6代iPod touch是一个像素宽度为640px的Retina显示屏。这相当于320px,比率为2.

@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) 
0

这里的大多数媒体查询列表:

/*自定义,iPhone的Retina */ @media只有屏幕和(最小宽度:320像素){

}

/*额外小设备,电话*/ @media只有屏幕和(最小宽度:480像素){

}

/*小型设备,片剂*/ @media只有屏幕和(最小宽度:768px){

}

/*中设备,桌面*/ @media只有屏幕和(最小宽度:992px){

}

/*大型器械,宽屏幕*/ @media只有屏幕和(最小宽度:1200像素){

}