Css Don'；t在横向视图中旋转web

当我将手机旋转到横向视图时，我仍然希望在纵向视图中查看网页。只有使用CSS才能强制执行此操作？

这会大大降低用户体验，因为视口现在只有高度的一半。在大多数情况下，只需让风景视图更易于用户使用（尽管它很少像肖像画一样好！）

---

不过，要回答您的问题：

使用媒体查询，您可以使用

方向

媒体属性，使容器宽度等于视口高度

如下所示：

@media (max-width: 768px) and (orientation: landscape) {
    #container-div {
        width: 100vh;
    }
}

---

使用css重新旋转也很容易

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) { 
body {
-webkit-transform: rotate(-90deg);
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0; 
}}

---

但正如在另一个答案中提到的。。。更好的做法是为景观设计一个更方便用户的布局…

Stone您应该标记正确或投票支持您问题的答案。如果您能投票支持我的答案，我将非常高兴。。