Question

由于我们无法在AMP中添加自定义JavaScript或事件侦听器，是否有可能在AMP网站中阻止横向模式？

Answer 1

根据我的说法，您无法通过网站更改操作系统行为

您可以使用css媒体查询技巧，在横向模式下使用css显示纵向视图

<style amp-custom>
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
</style>

在AMP站点中禁用横向模式

1 个答案: