2017-04-19 11 views
1

ドラッグスクロールプラグインを使用してコンテンツをパンしていますが、何らかの理由でドラッグスクロールがモバイルデバイスで機能しないことがあります。CSSモバイルデバイスメディアクエリの幅とは無関係

明確にする:モバイルデバイスでは、私はマウスカーソルなしでタッチスクリーン(携帯電話とテーブル)を備えたデバイスを意味する。

コンテナのルールはoverscroll: hiddenですが、モバイルデバイスの場合はoverscroll: autoに設定する必要がありますので、コンテナをパンすることができます。

@media only screen and (max-device-width: 768px) { 
    .dragscroll-container { 
     overflow: auto; 
    } 
} 

しかし、どのようなデバイスは、画面幅768pxよりも高いを持っている場合:

しかし、すべてのクエリは、デバイスの幅に依存しているメディアではなく、タイプので、私はのようなものをやって立ち往生していますか?確かに、それは奇妙ですが、もし起これば、overflow: autoルールが適用されないので、コンテナをパンすることはできません。

一般的にポータブルデバイスを含むメディアクエリは、デバイスの幅に関係なくありますか?

+3

「あなたはモバイルデバイスですか?」というメディアクエリはありません。私のラップトップコンピュータは、「携帯」デバイスでもありますが、私がしなければならないことは、すべてのワイヤを取り除くことだけです...しかし、それはおそらく問題が発生しないでしょう。あなたの質問は不明で、現在のフォームIMHOではあまり意味がありません。 – CBroe

+0

@CBroeなぜそれは不明ですか?私は受け入れることができます "あなたはモバイルデバイスですか?"というメディアクエリはありません "正当な答えとして、私はそれが実際に存在しなかったことを実際には知りませんでした。あなたは軽視する必要はありません。モバイルデバイス用の特定のメディアクエリがあると考えるのは不合理ではありません。私は私の質問に対するあなたの議論を知りたいのですが、なぜそれは不明ですか?私は完全に同意しない。 – dabadaba

+0

最初に「携帯」と携帯以外のデバイスを区別する必要がある理由を正しく説明していないため、不明です。さて、何かが「モバイルで」動かないのはなぜですか?それはどのように「特定の」ポータブルデバイスですか?あなたは、あなたがポータブルデバイスを意味していると確信していますか?タッチスクリーン付きのデバイス/マウスなしのデバイスではないでしょうか? – CBroe

答えて

関連する問題