下一个尺寸将覆盖景观方向

时间:2019-07-13 23:31:27

标签: css media-queries

我正在尝试使用@media建立一个响应式站点以进行正确的度量。它适用于人像模式下的iPhone 6/7/8,但是当我切换到横向时,它会转到iPhone 6 plus的横向@media。

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {} 

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}

我希望iphone 6的尺寸保持不变,并且只有在手机宽度更改时才更改为iphone 6 plus。

0 个答案:

没有答案