ionic-framework - 如何在移动浏览器的纵向模式下锁定 ionic 3 网站屏幕方向

Question

如何在移动浏览器中打开时以纵向模式锁定 ionic 3 网站屏幕方向？

任何人都可以请提供任何建议吗？

标签： ionic-frameworkionic3angular5

Answer 1

不可能使用任何插件。但是可以使用媒体查询来实现。尝试在 .css 文件中添加以下 CSS 代码：

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