什么是 iPod Touch 6G 媒体查询?

What is the iPod Touch 6G media query?

我一直在网上到处寻找 iPod touch 6 代媒体查询,但找不到任何有用的东西。请帮助我。

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

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

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

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

        /* STYLES GO HERE */
    }

要了解任何设备的媒体查询,只需Google找出设备的屏幕分辨率并将该值用于媒体查询。

以下是大多数媒体查询的列表:

/* 自定义,iPhone 视网膜 */ @media only screen and (min-width : 320px) {

}

/* 超小型设备,电话 */ @media only screen and (min-width : 480px) {

}

/* 小型设备,平板电脑 */ @media only screen and (min-width : 768px) {

}

/* 中型设备,台式机 */ @media only screen and (min-width : 992px) {

}

/* 大型设备,宽屏幕 */ @media only screen and (min-width : 1200px) {

}