Javascript - 模擬CSS媒體查詢？

在我的CSS文件，我有這樣的：Javascript - 模擬CSS媒體查詢？

@media (max-width: 480px) { 
    div { 
    background: red; 
    } 
}

模擬使用JavaScript

有沒有一種方法來模擬480像素寬設備使用Javascript？我正在考慮一個帶有點擊事件的按鈕，以使CSS以最大寬度爲480px的寬度與設備對齊。

如果可以模擬媒體查詢，我將使用jQuery。

來源

2014-03-07 Jens Törnell

好奇......目的是什麼？ –

我認爲除了調整窗口大小外，沒有可能 –

您可以在JS中手動設置視口，這可能是解決方案。這太問題包括它Dynamic viewport

設置內容屬性包括width參數：

document.getElementById("viewport").setAttribute("content", "width=1024, initial-scale=0, maximum-scale=1.0, minimum-scale=0.25, user-scalable=yes");

從 http://www.wearecube.ch/how-to-do-responsive-optout-by-setting-the-view-port-with-javascript-or-ruby-on-rails/

來源

2014-03-07 12:48:34

好主意！但是，它在我使用的谷歌瀏覽器中無法使用。現在我使用http://app.protofluid.com/，直到找到任何可以做到的方式。 –

-2

命中F12，然後去到Emulation標籤（IE），開放控制檯抽屜並單擊仿真（Chrome），或者您正在使用的任何瀏覽器的等價物。

在這裏，您可以模擬您想要測試的任何屏幕或設備規格。

來源

2014-03-07 12:51:12

Javascript - 模擬CSS媒體查詢？

回答

相關問題