如何将屏幕锁定为仅纵向视图

Question

嘿伙计们我试图将我的网站屏幕仅限于纵向但是使用此css查询无法正常工作它会影响我的网站的高度。有没有其他解决方案来锁定网站只是肖像？

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    position: absolute;
    top: 100%;
    left: 0;
  }
}