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媒体查询？

回答

相关问题