CSS Media Query Landscape - 键盘问题

Posted 2023-03-06

【中文标题】CSS Media Query Landscape - 键盘问题

【英文标题】：CSS Media Query Landscape - Keyboard Issue

【发布时间】：2015-08-25 21:41:38

【问题描述】：

我在我的移动页面尝试过

@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】：

我没有想出直接的答案，而是破解了 Nexus 4。

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