スマホのレスポンシブ対応(CSS)が「サイドバーなし」なので、細かく調整するのが面倒だったので、思い切ってレスポンシブ対応しないような表示にできるように対応しました。

簡単に言えばmetaタグのviewport上での簡単な設定です。

ただ、その対応をしたところ、スマホを横から縦にすると、横のままのレイアウト状態で横細になるので、縦になったときは従来のレスポンシブ対応に戻す機能を追加しました。※専門用語ですいません!

ブレイクポイントの問題なんでしょうが、実際にどっちを変更した方が楽なのかもわからなかったので調査も含めてMetaタグを変更する方法で対応しました。

このページについて(reaction buttonsの検証用です)
  • 良いね (0)
  • 悪いね (0)
レビュー記入欄
1
2
3
4
5
 0.0 
送信
     
キャンセル

レビューを書く


レビューはありません!
レビュー記入欄
1
2
3
4
5
 0.0 
送信
     
キャンセル

レビューを書く


レビューはありません!
レビュー記入欄
1
2
3
4
5
 0.0 
送信
     
キャンセル

レビューを書く


レビューはありません!
レビュー記入欄
1
2
3
4
5
 0.0 
送信
     
キャンセル

レビューを書く


レビューはありません!
レビュー記入欄
1
2
3
4
5
 0.0 
送信
     
キャンセル

レビューを書く


レビューはありません!
レビュー記入欄
1
2
3
4
5
 0.0 
送信
     
キャンセル

レビューを書く


レビューはありません!