强制横向模式仅适用于平板电脑/手机，而非桌面

Question

我必须在平板电脑和移动设备上旋转内容，但不能在桌面上旋转内容。

我试过

• rorate(90deg) - ＆gt;不工作'因为它甚至在桌面上旋转

• @media screen and (orientation:lanscape) - ＆gt;不工作'因为它甚至在桌面上旋转

因此，如果您对CSS或JS / jQuery有所了解，那将是非常好的：）

Answer 1

是媒体查询，但您应该合并媒体功能。 orientation: landscape本身是不够的。尝试类似：

@media (max-width: 700px) and (orientation: landscape) { ...}

有关来自MDN here的媒体查询的更多信息（必读）。