Css 媒体查询不'；iphone 4和iphone 5s的t更新

当我在纵向和横向之间旋转iPhone4和iPhone5S时，媒体查询中的CSS不会更新

由于我在媒体查询css中使用了viewport measure、vw和vh，我希望它们能在纵向和横向之间重新应用——它们在除iPhone 4和iPhone 5s之外的所有手机上都能正常工作。当我从纵向旋转到横向时，纵向的宽度也保留在横向

我不明白为什么只有iPhone4和iPhone5s有这个问题。我的css一定有问题吗

[编辑]代码如下：

@仅媒体屏幕
和（最小设备宽度：320px）和（最大设备宽度：640px）
{
...
.产品.产品.信息
{
宽度：80vw；
保证金：0；
}
...
}

以下是从

/*iPhone4（横向）*/
@仅介质屏幕和（最小设备宽度：320px）和（最大设备宽度：480px）和（方向：横向）和（-webkit最小设备像素比：2）{
/*风格*/
}
/*iPhone 4（人像）----*/
@仅介质屏幕和（最小设备宽度：320px）和（最大设备宽度：480px）和（方向：纵向）和（-webkit最小设备像素比：2）{
/*风格*/
}
/*iPhone 5（横向）----*/
@仅介质屏幕和（最小设备宽度：320px）和（最大设备高度：568px）和（方向：横向）和（-webkit设备像素比：2）{
/*风格*/
}
/*iPhone 5（人像）----*/
@仅媒体屏幕和（最小设备宽度：320px）和（最大设备高度：568px）和（方向：纵向）和（-webkit设备像素比：2）{
/*风格*/
}
/*iPhone 6（横向）----*/
@仅介质屏幕和（最小设备宽度：375px）和（最大设备高度：667px）和（方向：横向）和（-webkit设备像素比：2）{
/*风格*/
}
/*iPhone 6（人像）----*/
@仅媒体屏幕和（最小设备宽度：375px）和（最大设备高度：667px）和（方向：纵向）和（-webkit设备像素比：2）{
/*风格*/
}
/*iPhone 6+（横向）----*/
@仅媒体屏幕和（最小设备宽度：414px）和（最大设备高度：736px）和（方向：横向）和（-webkit设备像素比：2）{
/*风格*/
}
/*iPhone 6+（肖像）----*/
@仅媒体屏幕和（最小设备宽度：414px）和（最大设备高度：736px）和（方向：纵向）和（-webkit设备像素比：2）{
/*风格*/
}

请提供一些代码。媒体查询断点。Petroff，我刚刚添加了一些示例代码和一个关于它们的问题。谢谢，但是，我的问题是在iPhone4中旋转时css不适用。