我在样式表中试过这个。
@viewport {
orientation: portrait;
}
屏幕仍在旋转。
我见过许多涉及JQuery的解决方案。由于文件重量限制,我正在寻找一个无Jquery的解决方案。我只关心Android上的Chrome,而不是iOS。
有什么解决办法吗?
更新:
我也试过了
var lockOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;
lockOrientation("portrait-primary");
不起作用。
最佳答案
我设法用CSS解决了这个问题——虽然它并不理想——我还没有在很多设备上测试过。希望这对那些想在网上锁定方向的人有用。
@media (max-height: 480px) and (min-width: 480px) and (max-width: 600px) {
html{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
width: 320px; /*this is the iPhone screen width.*/
position: absolute;
top: 110%;
left: 0
}
}
关于css - 将Chrome(移动版-Android)锁定为人像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37371883/