软键盘的媒体查询方向问题以及iPad方向问题

Question

我将媒体查询设置为：

rule all:
  input: "subworkflow_output"

rule generate_b:
  output: "subworkflow_output"
  shell: "echo 'subworkflow' > {output}"

我必须添加@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) { // code here } @media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) { // code here } 来抵消由Chrome移动中的软键盘引起的方向变化。它足够好用，但是在iPad上进行测试时，我发现将其转换为横向模式时，它始终显示肖像风格而不是横向。

当我删除横向样式的device-aspect-ratio时，它可以在横向iPad上使用，但是在使用软键盘的Chrome移动视图中，这会导致方向从纵向更改为横向。有谁知道任何媒体查询可以说明这两种情况？

Answer 1

切换时会发生什么？即

@media screen and (orientation: landscape) and (min-device-aspect-ratio: 1/1) {
   // code here
}