0

私はサイトで作業していますが、ウィンドウが縮小されたときにオーバーフローxをスクロールすることができません(タブレット/モバイルをエミュレートしています)。

html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: auto;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
}

私が考えることができるのは、これを制御することだけです。サイトはこちらからご覧いただけます。

ご提案いただきありがとうございます。

4

2 に答える 2

1

divに最小幅が設定されています#wrapper。これは、技術的には、コンテンツがオーバーフローしないことを意味します。

ラッパーの CSS を次のように設定します。

#wrapper {
    margin: 0 auto;
    max-width: 2560px;
    min-width: 900px;
    overflow-x: auto;
    padding: 0;
    position: relative;
    width: 100%;
}

body&html要素の CSS からオーバーフロー プロパティを削除します。どちらも不要です。

上記の変更を行った後、モバイル デバイスで水平方向にスクロールできるようになりますが、上記の最小幅の値はおそらく変更する必要があります。

于 2013-01-04T17:04:18.520 に答える
1

要素をスクロールできるようにしたい場合は、それまたはその親の幅を定義する必要があります。
だからあなたのhtmlスタイルにmin-widthを追加してください： 

html {
   margin: 0;
   padding: 0;
   height: 100%;
   overflow-x: auto;
   min-width: 1000px;  # this is when html will be scroll-x
}
于 2013-01-04T17:11:32.580 に答える