我希望能夠到我的網頁上移動對象具有取決於屏幕尺寸的JavaScript。有沒有辦法檢索瀏覽器窗口的像素寬度?有沒有辦法使用jQuery檢索瀏覽器窗口的像素寬度?
回答
alert(
$(window).width()
)
;
不要。使用jQuery UI可拖動。
我不認爲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;
}
當然得到窗口的大小,可能需要做你想做的,但在許多情況下,它是更好地處理不同的窗口大小,使用簡單的CSS問題。你知道你可以使用CSS屬性right
來放置一個相對於右邊緣的對象嗎?
另一個有用的技巧是利用保證金進行一個div填補所有,但x像素,這樣就可以使許多元素佔用的空間每一個具體的量,使最後一個走的休息。
是的,我明白你說什麼,但我試圖讓一切看起來都從10" 屏幕尺寸到27" 好未做頁固定的寬度,使之。你怎麼看? – chromedude 2010-11-20 00:17:57
您可能需要一些硬編碼才能做到這一點,但您可能很好地使用了工具箱中的一些較輕的工具。雖然這些事情總是取決於工作,但根據您的有限說明,我會建議使用CSS方法制作幾個不同的佈局,然後根據屏幕大小在它們之間進行選擇。 – aaaaaaaaaaaa 2010-11-20 11:31:54
- 1. 有沒有辦法檢測瀏覽器窗口是否關閉?
- 2. 有沒有辦法使用jQuery或JavaScript全屏瀏覽器窗口?
- 3. 有沒有辦法檢測使用PHP的文本瀏覽器?
- 4. 有沒有辦法在更改瀏覽器窗口大小的同時修復Bootstrap容器寬度?
- 5. 左上方像素100%瀏覽器窗口寬度
- 6. 最小寬度的瀏覽器窗口
- 7. 使用jquery調整瀏覽器窗口寬度
- 8. 混合瀏覽器窗口寬度
- 9. 有沒有辦法禁用.NET瀏覽器檢測?
- 10. 使用JS,有沒有辦法在瀏覽器窗口中檢測哪些文本是可見的?
- 11. 自動瀏覽器沒有實際的瀏覽器窗口?
- 12. 即使瀏覽器窗口發生變化,jQuery也會查找元素寬度
- 13. jQuery的重載瀏覽器窗口寬度
- 14. 隱藏元素,如果瀏覽器窗口寬度小於
- 15. 瀏覽器擴展:有沒有辦法停止加載圖像?
- 16. 自動檢測網頁瀏覽器窗口寬度變化?
- 17. Jquery - 檢測窗口寬度
- 18. HTML:如何設置子元素寬度=瀏覽器窗口寬度?
- 19. 如何運行jquery函數,但只有當瀏覽器窗口寬度> 1024px?
- 20. Div溢出超出瀏覽器寬度,沒有設置寬度
- 21. 有沒有辦法同步Silverlight的子窗口(使它像MessageBox)?
- 22. 使用jQuery滾動瀏覽器窗口
- 23. 如何使用JavaScript獲取瀏覽器的像素寬度?
- 24. 有沒有辦法使用jQuery在新窗口中顯示圖像?
- 25. 有沒有使用瀏覽器瀏覽WSDL端點的方法?
- 26. 設置圖像寬度quals窗口寬度調整大小(沒有jQuery)
- 27. 有沒有辦法在不使用JavaScript的情況下在VB.Net中查找瀏覽器窗口的高度和寬度?
- 28. 有沒有辦法在Webkit瀏覽器上使用jQuery 1.3.0獲取$ .mobile.pageCreate?
- 29. 使用jQuery的媒體查詢檢測瀏覽器寬度
- 30. 瞭解瀏覽器窗口的高度(jQuery的使用)
使用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