Javascript 媒体查询调试_Javascript_Css_Layout

Javascript 媒体查询调试

javascript css layout

Javascript 媒体查询调试,javascript,css,layout,Javascript,Css,Layout,我试着创建一个响应性强的站点，需要看看我当前布局中的分页符在哪里，然后我想一些事情告诉我，在每个窗口调整大小时，都要调整当前窗口的大小。我在帖子里看到有人在谈论响应式布局。有关函数的链接。我找到了这个代码，但无法使用，现在是01:09，是巴西的夜晚，我快疯了。有人能帮我吗？即时通讯测试铬。作者告诉它把当前的大小放在em页面的角落里 <html> <head> <title>MediaQuery DBG</title>

我试着创建一个响应性强的站点，需要看看我当前布局中的分页符在哪里，然后我想一些事情告诉我，在每个窗口调整大小时，都要调整当前窗口的大小。我在帖子里看到有人在谈论响应式布局。有关函数的链接。我找到了这个代码，但无法使用，现在是01:09，是巴西的夜晚，我快疯了。有人能帮我吗？即时通讯测试铬。作者告诉它把当前的大小放在em页面的角落里

<html>
    <head>
        <title>MediaQuery DBG</title>
        <SCRIPT LANGUAGE="JavaScript" SRC="http://code.jquery.com/jquery-1.6.4.js"></SCRIPT>
        <script type="text/javascript">
            $(document).ready(function() {
                var step = 1;
                var start = 1;
                var end = 2048;             
                var unit = "em";
                var command = "";
                var expression = "";
                for (cs=start;cs<=end;cs=cs+step)
                {
                    expression = "screen and (min-device-width: "+(cs-step)+unit") and (max-device-width: "+(cs)+unit")";
                    command = "var mql = window.matchMedia("+expression+");" +
                              "function handleOrientationChange(mql) {" + 
                                "   if (mql.matches) {" + 
                                "       $(\"#lblmq\").replaceWith( \"<div id='lblmq'>tamanho: "+cs+"</div>\" ); " + 
                                "   }" + 
                                "}";
                    command = "mql.addListener("+command+");"
                    eval(command);

                });     
        </script>
        <style>
            #lblmq
            {
                background-color: #789;
                width:20em;
            }
        </style>
    </head>
    <body >
        <div id='lblmq'></div>
    </body>     
</html>


MediaQueryDBG
$（文档）.ready（函数（）{
var阶跃=1；
var start=1；
var-end=2048；
var unit=“em”；
var命令=”；
var表达式=”；
对于（cs=start；cs你有点迷路了。也许这些会有帮助：




您需要的是这里：

它只在firefox上工作。
为什么到处都有哈希？
？@thirtydot有哈希，因为在我执行ctrl+k操作之前，html属性都隐藏在stackoverflow中。在$（\“\lblmq\”）中确实有哈希. Thanks@Blake它应该在每次窗口宽度更改时将当前窗口宽度放入em inside div中，但它什么也不做。Thanks@thirtydot感谢您为我提供格式代码。：）有人在这里介绍使用firebug进行媒体查询调试：