エックスサーバー にワードプレス を導入し、ストークというテーマを適用してサイト作成をしている初心者です。(ネット上にある情報で勉強しながらなので完全に素人です)
今はサイトのレイアウトを整えてる途中なのですが、ウインドウの幅を767px にするとデザインが崩れてしまいます。
具体的にいうと、ヘッダーとフッターにおけるメニュー部分だけが崩れます。
特にヘッダーは通常だとロゴが画面左上にあり、その右側にメニューのテキストが並ぶ構造なのですが、767px にすると
ロゴ
メニューテキスト
メニューテキスト
メニューテキスト
といった感じに崩れてしまいます(フォントサイズの指定などは有効になっている)
ちなみに766px 以降はスマホや小さいタブレットを想定したデザインになりますし、768px以降はPCや大きめタブレットを想定したデザインに問題なくなります。
なので、何故767px のレイアウトだけが崩れてしまうのかを教えていただけますと助かります。
ブラウザはクロームを使っていて、検証機能を使ってwidth767pxで調べました。
また、ストークを使っている方の外部ブログで検証をしてみた結果もレイアウト崩れが起きましたので、自分のサイトだけが崩れるというわけではなさそうです。
レスポンシブデザイン、メディアクエリ、カラム、詳細度といった知識は多少ありますが、可能であれば詳細に説明していただけますと幸いです。よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/16 12:48