gpt4 book ai didi

javascript - 强制水平负载

转载 作者:行者123 更新时间:2023-11-28 00:45:51 26 4
gpt4 key购买 nike

我有一个网站 tyloz.com。该网站的设置方式是在手机上显示消息以倾斜屏幕以查看网站。但问题是当网站在桌面上加载时,消息仍然显示 2-3 毫秒的消息。有没有办法完全禁用来自桌面的消息?感谢您的帮助。

这是已经在网站上使用过的CSS代码;

#warning-message {
display: none !important;
}

@media only screen and (orientation:portrait) {
.l-header,.l-main,.l-footer {
display: none!important;
}
#warning-message {
display: block!important;
background: #2d232e;
text-align: center;
}
body {
background: #2D232E;
}
}

最佳答案

您的警告消息先于任何内容加载:

<!DOCTYPE HTML>
<html class="" lang="en-US">
<div id="warning-message">
<img src="http://www.tyloz.com/wp-content/uploads/2017/04/warningmessage.png">
</div>

将它移到预加载器下方:

<div class='l-preloader with_spinner'><div class='l-preloader-spinner'><div class='w-preloader  type_1'><div class='w-preloader-h'></div></div></div></div>
<div id="warning-message">
<img src="http://www.tyloz.com/wp-content/uploads/2017/04/warningmessage.png">
</div>
<!-- HEADER -->

关于javascript - 强制水平负载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53538336/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com