- ベストアンサー
レスポンシブデザイン 縦画面固定
レスポンシブデザインで作ったWEBサイトを 縦画面に固定したい（スマホ横持ち時でも縦画面のまま） のですが、何か良い方法はありますでしょうか。 IPHONEやAndoroidの画面固定機能は使わず、 CSSなどで実現したいです。
- Qo Qoo（@ekekojr）
- お礼率56% (485/865)
- CSS
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<body> <!--既存のコンテンツ--> <div....... </div> <!--既存のコンテンツここまで--> <!--横で見ている場合にjsで挿入されるタグ--> <div id="alertbox"></div> <!--横で見ている場合にjsで挿入されるタグここまで--> </body> ------------------css #alertbox{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,1); z-index:1000; } なんかこんな感じで上を覆ってやるタグを横でみてる場合にjavascriptにて挿入します。もしくはdisplay:noneにしておいてdisplay:blockに変更するのも手ですね。
その他の回答 (1)
- muuming2001
- ベストアンサー率23% (202/847)
回答No.1
無理じゃないかな。 わたしはjavascript使って縦て見てない場合は、画面を隠して「縦で見ろ」と表示させてます。
質問者
お礼
ありがとうございます。 ちなみに『画面を隠して』ってどうやるんでしょうか
お礼
ありがとうございます！