有没有办法使用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检索浏览器窗口的像素宽度？

回答

相关问题