matchmedia

0熱

1答えて

私はしばらくphantomJSで遊んでいましたが、matchMediaクエリを使ってデバイスタイプを区別するウェブサイトで問題を見つけました。私はそれが想像上の問題だと思っていましたが、それはslimerJSやヘッドレスクロムのような他のヘッドレスブラウザで起こっています。問題は、matchMediaクエリがHBのビューポートを尊重していないことです。試料として、次の手順では、これらのHBで

5熱

4答えて

Window.matchmediaリスナが2回発砲する

私はいくつかの値をJSの設定オブジェクト内の特定のブラウザブレークポイントで変更するいくつかのjavascriptを書こうとしています。私はconfigオブジェクト内window.matchmediaテストを保存しているし、私はそうのような各テストにイベントリスナーを追加するには、このオブジェクトのキーをループしています： Object.keys(config.mediaQueries).map

1熱

1答えて

条件付きメディアクエリwindow.matchMedia

私はwindow.matchMedia()で作業しています。max or min widthに達したときに、セカンダリクラスを適用する関数を取得できないようです。私は単純なフォントサイズの変更で、以下の問題を再現しました。私はmatchMedia()を読んでいますが、私はこの2つの方法を試しました（どちらも下記に含まれています）。関数を実行させるために最小値と最大値の両方を含める必要がありますか

0熱

1答えて

要素が表示されているかどうかを確認できるのはなぜmatchMediaを使うのですか？

私はmatchMediaはIE9ではサポートされていませんが、メディアクエリはサポートされていると思います。私はここでのポイントを逃していますが、単にあなたのスタイルシートに .desktop_view{display:block;} .mobile_view{display:none;} @media all and (max-width: 700px){ .desktop_

0熱

1答えて

ヘルプが必要です...ブートストラップボタン/ matchMedia/removeClass

ウェブサイトで私はメニューを使用しています。 PCでページを呼び出すと、メニューが完全に表示されます。携帯電話でページを呼び出すと、1つのボタンだけが表示され、ボタンをクリックするとメニューが開きます。 PC版ではすべて問題ありません。メニューが表示され、ボタンが非表示になります。携帯電話で電話すると、ボタンが表示されます。メニューも折り畳まれています。 <button class="btn b

1熱

1答えて

matchmedia addListenerコールバック関数に引数を渡します。

プラグインを構築しています。特定の動作のオン/オフを切り替えるために、matchMedia関数を使用しています。しかし、コールバック関数では、正しい参照を保持するために引数を渡す必要があります。しかし、コールバック関数に引数を渡そうとすると、addListenerコールバック関数全体が定義されていないと表示されます。これをコールバック関数にバインドしようとした場合も同様です。 TypeError:

0熱

1答えて

ウェブアプリの訪問者がiPad上でランドスケープモードを使用するようにする

私のアプリは、他のモバイルデバイスを別の方法で扱うiPadsのポートレートモードでは使用できません。私は、アプリを使用するために、デバイスを横に回転させるというメッセージをユーザーに表示する必要があります。

4熱

2答えて

addListenerはmatchmedia APIとどのように連携しますか？

matchMedia("(min-width: 500px)").addListener(foo);は何をしますか？それはaddListener()の機能は何ですか？ビューポートの幅が変更されると、関数foo()が実行されますか？