我希望能够使用javascript在我的网页上移动对象,具体取决于屏幕大小。有没有办法检索浏览器窗口的像素宽度?
答案 0 :(得分:7)
alert(
$(window).width()
)
;
答案 1 :(得分:1)
这应该有效:
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;
}
答案 2 :(得分:1)
当然,获取窗口大小可能是您需要的,但在许多情况下,最好使用简单的CSS处理不同窗口大小的问题。您确实知道可以使用CSS属性right
放置相对于右边缘的对象吗?
另一个有用的技巧是使用边距来填充除了x像素以外的所有div,这样你就可以使许多元素占用特定的空间,并使最后一个元素占用其余部分。
答案 3 :(得分:0)
别。使用jQuery UI draggable。