CSS媒体查询格局 - 键盘问题

时间:2015-06-10 14:43:22

标签: android ios css media-queries

我在移动页面中尝试过

@media only screen and (orientation:landscape)
{
  /* My landscape based CSS here */
}

打开键盘时坏了。

我试过之后;

@media only screen and (min-aspect-ratio: 13/9) {
/* Landscape */
}

经过测试并继续使用;

Nexus 5,
iPhone 4,
iPhone 6,
iPhone 6 +,
三星Note 4,
三星S3,
三星S4,
三星S5,
但是在Nexus 4上打开键盘时它仍然被打破。

我找不到任何CSS全局解决方案。任何帮助都会很有帮助。 感谢

1 个答案:

答案 0 :(得分:0)

我没有想出并直接回答但是已经砍掉了Nexus 4.

@media only screen and (width: 384px) and (height:233px) {
    /*my landscape div sets out display:none on nexus 4*/
}