matchmedia

    0熱度

    1回答

    我一直在玩phantomJS一段時間,並且在使用匹配媒體查詢來區分設備類型的網站中使用它時遇到了問題。 有一段時間我以爲這是一個幻影問題,但它與其他無頭瀏覽器,如slimerJS和無頭Chrome瀏覽器正在發生。 問題是matchMedia查詢不遵守HB上的視圖端口。 作爲樣品,下面的步驟中重現這些HB問題: 設置移動視口(例如:736x414)。 打開https://josebrandao13.

    5熱度

    4回答

    我想寫一些JavaScript,它將改變某些瀏覽器斷點處的JS配置對象內的某些值。 我已存儲的配置對象內的window.matchmedia測試,然後我遍歷這個對象的關鍵事件偵聽器添加到每個測試,像這樣: Object.keys(config.mediaQueries).map((key) =>{ config.mediaQueries[key].addListener(function

    1熱度

    1回答

    我正在與window.matchMedia(),我似乎無法得到應用次要類的功能,當達到max or min width。我通過簡單的字體大小更改重新創建了以下問題。 我已閱讀matchMedia(),我試過了這兩種不同的方式(都包括在下面)。我是否需要包含最小值和最大值才能執行該功能?或者我在功能本身的實際結構中遺漏了什麼? $(document).ready(function() { \t

    0熱度

    1回答

    在網站中我使用了一個菜單。如果您使用PC呼叫該頁面,該菜單應該完全可見。如果您使用移動電話呼叫該頁面,則只能看到一個按鈕,並且只需單擊該按鈕,即可打開該菜單。 在PC版本中一切正常。菜單是可見的,按鈕隱藏。 使用手機撥打電話時,該按鈕可見。菜單也被摺疊出來。 下面是代碼: <button class="btn btn-default btn-block hidden-md hidden-lg hi

    2熱度

    1回答

    爲了避免在移動設備中注入視頻,我使用了window.matchMedia條件。 Here它說,matchMedia將會因爲Safari瀏覽器9工作進展順利(我測試就可以了),但我的代碼是完全地忽略: if (window.matchMedia("(min-width: 1025px").matches) { console.log('match'); document.add

    0熱度

    1回答

    我目前使用此代碼只得到在打印對話框 (function() { var beforePrint = function() { alert('Functionality to run before printing.'); }; var afterPrint = function() { alert('Functionality to run

    1熱度

    1回答

    我正在構建一個插件,並且爲了切換某些行爲開啓/關閉,我正在使用matchMedia函數。但是在回調函數中,我需要傳遞一個參數來保留對此的正確引用。但是,當我嘗試將一個參數傳遞給我的回調函數時,它表示我的整個addListener回調函數未定義。當我嘗試將其綁定到回調函數時也是如此。 TypeError: this.mediaQueryCheck(...) is undefined 一定有什麼東

    0熱度

    1回答

    後加入反應,光滑的滑塊來我的WebPack的項目,我的柴開始測試失敗, C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226 throw new Error('matchMedia not present, legacy browsers require a polyfill'); ^ Error

    8熱度

    1回答

    當afterPrint發生時,我需要執行doSomethingFunc。我的代碼在所有瀏覽器上都能正常工作,除了當前的Safari-Versions(OSX上的Safari 10.1和iOS 10.3上的Safari瀏覽器)。看起來事件監聽器(至少是用於打印)不會被這兩個瀏覽器調用。 const mediaQueryPrint = window.matchMedia('print'); medi

    0熱度

    1回答

    我正在使用matchMedia API來確定JavaScript中的視口,以便我可以最大限度地減少發生dom操作的數量。 而不是在任何地方使用display: none我確定元素是否插入到DOM中,或者是否使用Vue中的v-if指令。 我已經設置它是這樣的: resize() { this.mobile = window.matchMedia('(max-width: 767px)').