css媒体查询 iphone4

iPhone4是一款知名的智能手机，如果你需要为这款设备编写CSS，那么你需要使用CSS媒体查询技术，以便在该设备上获得最佳的显示效果。媒体查询是一个CSS3的技术，它可以根据设备的尺寸，像素比例和屏幕方向等特征，来改变CSS样式表的设计。

/* iPhone4 横屏 CSS */
@media only screen and (max-width: 480px) and (orientation:landscape) {
  /* CSS 样式 */
}

/* iPhone4 竖屏 CSS */
@media only screen and (max-width: 320px) and (orientation:portrait) {
  /* CSS 样式 */
}

/* iPhone4的 Retina 显示屏 CSS */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 320px) and (orientation:portrait) {
  /* CSS 样式 */
}

如上所述，以上CSS代码块是用于iPhone4设备的样式表，并使用媒体查询限制条件，以控制样式表的应用。你可以使用@media查询，根据需要设计不同的CSS样式，以满足iPhone4设备上的不同展示需求。例如，横屏和竖屏的样式表可以根据不同的方向设置。如果你需要根据Retina显示屏的像素比例进行调整，你可以使用-webkit-min-device-pixel-ratio 。