我有一个网站 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/