Question

我在最后阶段为代理商和即时通讯开发了一个网站。
网站开放的前2-3次，需要显示该机构的视频。在台式机上，这很容易实现，而在移动版上，我不得不强制横向。我使用CSS做到了这一点：

    <style id="delete-style">

<style id="delete-style">
@media(max-width:768px){
html {
      -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transform-box: fill-box;
    width: 100vh;
    width: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
     -webkit-perspective: 500px!important;
  }
}
</style>

这是用于计算可用空间的脚本

let vh = window.innerHeight * 0.01;

document.documentElement.style.setProperty('--vh', `${vh}px`);

单击X按钮时，将删除此样式，并且网页将恢复正常状态。一切都在android设备上运行良好。问题出在iOS上。我尝试了几件事，但似乎无法解决。有什么想法吗？

该视频仅显示2次您第一次访问网络，您需要清除本地存储以重新观看该视频。在移动设备上，只需隐身/私人浏览即可。预先感谢。

https://ogilvy.al是网站

在CSS上不显示CSS的强制风景

0 个答案: