有沒有辦法使用jQuery檢索瀏覽器窗口的像素寬度？

我希望能夠到我的網頁上移動對象具有取決於屏幕尺寸的JavaScript。有沒有辦法檢索瀏覽器窗口的像素寬度？有沒有辦法使用jQuery檢索瀏覽器窗口的像素寬度？

來源

2010-11-19 chromedude

alert($(window).width());

來源

2010-11-19 22:19:28

使用jQuery訪問'window.innerWidth'似乎過高。 – zzzzBov 2010-11-19 22:21:55

是的，但他用jQuery標記了它。如果它已經加載，我想這很好......我提交了一個純粹的JS版本，以獲得「真正」的內部壽命。 – 2010-11-19 22:24:40

@zzzzBov - jQuery的可能是inefficent，但'window.innerWidth'是不是跨瀏覽器中。 – galambalazs 2010-11-19 22:25:43

不要。使用jQuery UI可拖動。

來源

2010-11-19 22:20:51 xmars

我不認爲OP希望_users_能夠移動對象。 – 2010-11-19 22:21:27

是的，不，我不想拖拉。 – chromedude 2010-11-19 22:23:34

這應該工作：

function getWindowWidth() { 
     var windowWidth = 0; 
     if (typeof(window.innerWidth) == 'number') { 
      windowWidth = window.innerWidth; 
     } 
     else { 
      if (document.documentElement && document.documentElement.clientWidth) { 
       windowWidth = document.documentElement.clientWidth; 
      } 
      else { 
       if (document.body && document.body.clientWidth) { 
        windowWidth = document.body.clientWidth; 
       } 
      } 
     } 
     return windowWidth; 
    }

來源

2010-11-19 22:23:48

當然得到窗口的大小，可能需要做你想做的，但在許多情況下，它是更好地處理不同的窗口大小，使用簡單的CSS問題。你知道你可以使用CSS屬性right來放置一個相對於右邊緣的對象嗎？

另一個有用的技巧是利用保證金進行一個div填補所有，但x像素，這樣就可以使許多元素佔用的空間每一個具體的量，使最後一個走的休息。

來源

2010-11-19 23:49:29 aaaaaaaaaaaa

是的，我明白你說什麼，但我試圖讓一切看起來都從10" 屏幕尺寸到27" 好未做頁固定的寬度，使之。你怎麼看？ – chromedude 2010-11-20 00:17:57

您可能需要一些硬編碼才能做到這一點，但您可能很好地使用了工具箱中的一些較輕的工具。雖然這些事情總是取決於工作，但根據您的有限說明，我會建議使用CSS方法制作幾個不同的佈局，然後根據屏幕大小在它們之間進行選擇。 – aaaaaaaaaaaa 2010-11-20 11:31:54

有沒有辦法使用jQuery檢索瀏覽器窗口的像素寬度？

回答

相關問題