3

ラップトップからウェブサイトを作成しました。私のラップトップで私のウェブサイトをテストしている間、どのブラウザにも水平にも垂直にもスクロールバーは表示されませんでした.

しかし、他のコンピューターで自分のウェブサイトをテストすると、水平スクロールバーと垂直スクロールバーが表示されます。

これを避けるために、css プロパティを使用しましbody{zoom: 70%;}た。しかし、このコードはいくつかのブラウザーで機能し、またいくつかのページでしか機能しません。

誰でも私の問題の解決策を教えてください。

4

4 に答える 4

0 
#main {
width: 1399px;
margin: 20px auto 0 auto;
}

widthオンが問題です。#mainそれを削除して、水平スクロールバーを取り除くか、width: 100%;. コンテンツがビューポートよりも長い場合、垂直スクロールバーは表示されます。

また、マークアップにはコンテンツ用のテーブルがあり、表形式のデータ以外にはテーブルを使用しないでください。幸運を！

于 2013-04-12T05:07:42.813 に答える
0

おそらく、すべてのブラウザーで垂直スクロールバーを回避できるわけではありません。一般的に、コンテンツは意図的にウェブ上を下に流れるように作られています。水平スクロールバーを避けるには、固定幅の要素をページに配置しないようにする必要があります。ページのすべての要素をパーセンテージ幅として指定すると、ページはブラウザの幅に合わせて適切に拡大縮小されます。ほとんどの場合、最小幅を設定する必要があります。基本的に、さまざまなレイアウト タイプについて学習する必要があります。このトピックに関するリソースは次のとおりです。

于 2013-04-12T05:09:32.430 に答える
0

わかりました多分これはあなたを助けます。

#main {
width: 90%;
margin: 20px auto 0 auto;
}
于 2013-04-12T05:19:20.093 に答える