是否可以在移动设备上将视图端口的方向锁定为纵向？
我用谷歌搜索了它，但无法找到确切的操作方法。
这个技巧应该有效：
@media screen and (orientation: landscape) {
html {
/* Rotate the content container */
transform: rotate(-90deg);
transform-origin: left top;
/* Set content width to viewport height */
width: 100vh;
/* Set content height to viewport width */
height: 100vw;
overflow-x: hidden;
position: absolute;
top: 100%;
left: 0;
}
}
<h1>Test</h1>
如果您只需要将此应用在移动设备上，您可以执行一些 javascript 技巧来识别设备类型，如果是移动设备，您可以添加一个类is-mobile-device或其他东西，并指定html.is-mobile-device作为样式定义中的选择器。
您可能已经使用了一个为不同设备类型添加类的框架，因此您可以指定这些类。
请注意，这实际上不会锁定方向，只是使页面看起来像是被锁定的。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
