スマホで画面(回転)をロックするプログラム

Question

スマホで画面(回転)をロックするプログラムはありまでしょうか？

Answer 1

自分の思い付きの提案。
確かめてはいません。

まず
iPhone,Android両対応スマホ画面回転のjavascriptイベント...
によると回転時イベントが発生するそうです。
(回転する方向がわかればいいのですがね)

それに合わせてCSS3のtransform: rotateを使用します。

transform: rotate(90deg);

※90度回転

つまりJSで回転イベントを検出してイベント発生時に一度だけ90度回転させるのはどうでしょうか。
(ただし元に戻す際どうした物か……困りますね。元に戻すボタンとか用意したくないですし)

Comments

[Cf_cwd]

まぁかなり疑似的なものですし実現はできても本当に望んだものなのかという疑問はありますね

Answer 2

画面（回転）をロックするというのは 回転させないようにするプログラムでよろしいのでしょうか？
スマホの種類によって変わると思いますが、アプリからの制御や本体設定からの制御以外ではできないように思います。（私の知識不足であればすみません。）

androidアプリであれば、activityにscreenOrientationの記載をすれば画面の向きを固定にすることはできますが、質問についているタグから察するに、おそらくブラウザであなたのサイトを訪問時に、画面の回転をさせないようにということですよね？

サイトでそういったことをしたいのであれば、webviewでサイト専用のアプリを作ったりすればできるかとは思いますが、そもそも回転させたくないというのは画面の幅によって見た目が変わったりするからですか？
その理由によってサイト上でできる工夫がほかにはあるかとは思いますので、もう少し詳細があると具体的な解決方法が見つかるかと思います。

Answer 3

beginner_t様

ご教示誠にありがとうございます。
私も色々調べましたが「アプリからの制御や本体設定からの制御以外ではできない」という回答ばかりでした。
やはりアプリ化が解決方法なのですね。
お忙しい中、ありがとうございました。