スマホ／タブレットへの対応|兵庫県立神戸北高等学校

スマホ等への対応Smart Phones

令和元年6月10日、スマホ・タブレット対応にすると同時に、ページ構成と内容を整理し、サイトを全面的に改築しました。

グーグル・アナリティクスによると、本校のウェブサイトを見ていただいている端末は、（多少の変動はありますが）約80％がスマホです（残りは、パソコンが10数％、タブレットが数％）。

このため、サイト全体をスマホ対応（レスポンシブ化）することは、急務でした。

今のところ、一般的なスマホの縦画面で見たときに見やすいページ構成となるように設計しています。ところが、現在の世の中には多くの画面サイズがあり、全ての端末の画面サイズに適した表示にならないこともあり得ます。

レスポンシブ化 （大画面のとき）: パソコンや大型タブレット、スマホの横画面などでは、横1,100ピクセルの画面構成となります。画面右側に「サイドバー」が表示されます。
レスポンシブ化 （小画面のとき）: 今のところ、スマホの縦画面等、横568ピクセル以下の画面で見た場合には、「サイドバー」を含めて、ボタン等が縦一列に並んだ画面構成となります。
文字の大きさ: サイト全体的に文字は大きめに設定していますが、スマホ用画面になったときには、画面幅を基準として大きさが変わるように設計しています。