手机端打开页面如何强制横屏

Question

需要在手机上打开页面能够进入横屏。用screen.orientation.lock在安卓能成功，ios不起作用，用transform旋转页面的话 select的option无法旋转，该如何才能解决问题

Answer 1

select可以用select2之类的UI来模拟，不使用原生的select。然后用css来旋转，Safari不支持ScreenOrientation.lock

ScreenOrientation.lock() - Web APIs | MDN The lock() property of the ScreenOrientation interface locks the orientation of the containing document to its default orientation. https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/lock