移动端如何让页面强制横屏显示?

59 阅读1分钟

"```css @media screen and (orientation: landscape) { .rotate-screen { display: block; } }

@media screen and (orientation: portrait) { .rotate-screen { display: none; } }

```html
<div class=\"rotate-screen\">
  <p>Please rotate your device to landscape mode for the best experience.</p>
</div>
window.addEventListener(\"orientationchange\", function() {
  if (window.orientation === 90 || window.orientation === -90) {
    document.querySelector('.rotate-screen').style.display = 'none';
  } else {
    document.querySelector('.rotate-screen').style.display = 'block';
  }
});
```"