媒體查詢調試

我試圖創建一個響應站點，並且需要查看當前佈局中的分頁符處，然後我想到了一些告訴我它將當前窗口大小放在每個窗口中的大小。我看到有人在this的帖子中講述了響應式佈局。關於功能here的鏈接。我發現這個代碼，但無法投入工作，現在是01:09，在巴西和夜間在這裏瘋狂。有人可以幫助我嗎？我在鉻測試。作者告訴它把當前的大小放在頁面的角落裏;媒體查詢調試

<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>

來源

2011-10-02 newway

爲什麼到處都有散列？ '<#html#>'？ – thirtydot

什麼不起作用？ –

@thirtydot有散列因爲直到當我做一個Ctrl + K的HTML屬性隱藏在stackoverflow。 $（\「＃lblmq \」）中有一個hashe。謝謝 – newway

媒體查詢調試

回答

相關問題