詳細がわからないのであれですが、ページが画面外にはみ出しているのであれば、当然横スクロールが発生してしまうでしょうね。デベロッパーツールだけでなく実機で確認したほうがいいですよ。
ソースないと何とも言えんよ
背景画像だったら、background-size: cover; 当たりを調べると幸せになるかもしれない。[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニックhttps://coliss.com/articles/build-websites/operation/css/css-responsive-full-background-image-by-sixrevisions.html
単純にwidth; 100%指定している要素の親要素の横幅が1/3ぐらいになっているんじゃない?
根本的にhtml/cssを理解されてない可能性が高いんじゃないかな。cssにおける%は、相対的なものであって、画面幅などの絶対的なものに固定されてない。単純に画面幅いっぱいを求めるなら、素直に100vw使えば解決だけど、cssの設計次第だからそれがベストプラクティスかどうかは謎。
単に、ビューポート入れてない感…
解決しました!1/3表示になっている要素とは別の要素がデバイス幅以上のwidthになっていたことが原因でした。別要素をデバイス幅まで縮小したらwidth100%なのに1/3表示になっていたものが、きちんと画面いっぱいに表示されるようになりました。初歩的な質問で失礼しました、ありがとうございました。
7 件の回答
詳細がわからないのであれですが、ページが画面外にはみ出しているのであれば、当然横スクロールが発生してしまうでしょうね。
デベロッパーツールだけでなく実機で確認したほうがいいですよ。
ソースないと何とも言えんよ
背景画像だったら、background-size: cover; 当たりを調べると幸せになるかもしれない。
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
https://coliss.com/articles/build-websites/operation/css/css-responsive-full-background-image-by-sixrevisions.html
単純にwidth; 100%指定している要素の親要素の横幅が1/3ぐらいになっているんじゃない?
根本的にhtml/cssを理解されてない可能性が高いんじゃないかな。
cssにおける%は、相対的なものであって、画面幅などの絶対的なものに固定されてない。
単純に画面幅いっぱいを求めるなら、素直に100vw使えば解決だけど、cssの設計次第だからそれがベストプラクティスかどうかは謎。
単に、ビューポート入れてない感…
解決しました!
1/3表示になっている要素とは別の要素がデバイス幅以上のwidthになっていたことが原因でした。
別要素をデバイス幅まで縮小したらwidth100%なのに1/3表示になっていたものが、きちんと画面いっぱいに表示されるようになりました。
初歩的な質問で失礼しました、ありがとうございました。