什么是 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) {
}
我一直在网上到处寻找 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) {
}