0

次の水平スクロールバーを作成する非常に単純なWebサイトがあります。

アンドロイド：

クロム

ファイアフォックス

Opera Miniは

Android のデフォルト ブラウザにはありませんが、サイトが壊れているように見えます

iOS:

サファリ

大したことではありませんが、私のウェブサイトを の完全なデスクトップ サイトと比較していますがhttp://google.com、Google のウェブサイトには私のような問題はありません。

私はまだ CSS と HTML にかなり慣れていないので、この問題を引き起こしていることを知らない、非常に単純なルールを破っているように感じます。これを修正する方法についてのアイデアはありますか?

テストしたい場合。http://natio.inに行きます

4

2 に答える 2

1

要素に固定幅が設定されているため、水平スクロールバーが表示されます。モバイルブラウザでサイトを表示すると、これらの要素の幅がビューポートの幅よりも広く設定されます。幅にパーセントを使用すると、それに応じてWebページを調整できます。

于 2012-07-18T18:17:48.350 に答える
0

overflow-x: hidden;body タグのスタイルに含めることはできますが、携帯電話の幅の外にコンテンツがある場合、それに到達することはできません. または、メディア クエリを使用してレスポンシブ レイアウトを作成することもできます。

于 2012-07-18T17:51:16.697 に答える