调整媒体查询以处理iphone 5

Question

我有一个可以正常显示iphone 6的网页。有没有一种简单的方法可以通过iphone 5的媒体查询来调整屏幕尺寸，这样一切都会正常收缩？

我知道如何为Iphone 5触发CSS我正在寻找的是一种轻松设置CSS的方法，因此它只是一个CSS命令来重新格式化iphone 5.让我们来看看。 s说你已经为Iphone 6工作了，我们可以为Iphone 5设置一个减小的宽度并让所有内容自动缩小吗？

Answer 1

仅限iPhone 5（纵向模式）

@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
   ...
}

仅限iPhone 5（横向模式）

@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
   ...
}

另一个有用的媒体功能是

device-aspect-ratio

请注意，iPhone 5的宽高比不是16：9。实际上是40:71。

iPhone 5:
@media screen and (device-aspect-ratio: 40/71) {}