获取浏览器宽度和高度附加divs jQuery

我试图获得浏览器的宽度和高度，并使用jQuery将两个不同的DIV附加到两个不同的位置

DIV ONE应该是绝对定位的，从左边40px，从浏览器窗口底部40px，而DIV II应该是从右边40px，从底部40px，无论什么设备正在查看网页（因此必须在iPad、iPhone等上工作）

我在两个div中都有内容（图像、子div和文本），但我只是不知道如何处理这个问题，因为我对jQuery毫无用处

---

有人能帮我解决这个问题吗？

你不需要jQuery（至少在定位方面）。CSS有足够的技巧

不要使用绝对定位，请使用固定：

#div-1, #div-2 {position:fixed;}
#div-1 {left:40px; bottom;40px;}
#div-2 {right:40px; bottom;40px}

使用

position:fixed

，左侧、右侧、顶部和底部属性表示定位对象的各个边与视口的各个边之间的距离

…所以你去哪里都不重要。只需将它们附加到主体：

var myDivsHtml = howeverYouGetYourDivs();
$('body').append(myDivsHtml)

---

您不需要jQuery（至少在定位方面）。CSS有足够的技巧

不要使用绝对定位，请使用固定：

#div-1, #div-2 {position:fixed;}
#div-1 {left:40px; bottom;40px;}
#div-2 {right:40px; bottom;40px}

使用

position:fixed

，左侧、右侧、顶部和底部属性表示定位对象的各个边与视口的各个边之间的距离

…所以你去哪里都不重要。只需将它们附加到主体：

var myDivsHtml = howeverYouGetYourDivs();
$('body').append(myDivsHtml)

---

我相信你是在寻找固定的定位，而不是绝对的

只需使用CSS即可

.div1{
   position:fixed;
   bottom:40px;
   left:40px;
}
.div2{
   position:fixed;
   bottom:40px;
   right:40px;
}

---

我相信你是在寻找固定的定位，而不是绝对的

只需使用CSS即可

.div1{
   position:fixed;
   bottom:40px;
   left:40px;
}
.div2{
   position:fixed;
   bottom:40px;
   right:40px;
}

试试这个：

$(function(){
    var $body = $("body");
    $("<div/>").css({
        "position":"fixed",
        "bottom":"40px",
        "left":"40px"
        }).appendTo($body);
    $("<div/>").css({
        "position":"fixed",
        "bottom":"40px",
        "right":"40px"
        }).appendTo($body);
});

$（函数（）{
变量$body=$（“body”）；
$（“”）.css({
“位置”：“固定”，
“底部”：“40px”，
“左”：“40px”
}).附于（$正文）；
$（“”）.css({
“位置”：“固定”，
“底部”：“40px”，
“右”：“40px”
}).附于（$正文）；
});

试试这个：

$(function(){
    var $body = $("body");
    $("<div/>").css({
        "position":"fixed",
        "bottom":"40px",
        "left":"40px"
        }).appendTo($body);
    $("<div/>").css({
        "position":"fixed",
        "bottom":"40px",
        "right":"40px"
        }).appendTo($body);
});

$（函数（）{
变量$body=$（“body”）；
$（“”）.css({
“位置”：“固定”，
“底部”：“40px”，
“左”：“40px”
}).附于（$正文）；
$（“”）.css({
“位置”：“固定”，
“底部”：“40px”，
“右”：“40px”
}).附于（$正文）；
});

使用$（window）.height（）$（窗口）。宽度（）；要查找浏览器窗口的宽度和高度，请使用$（window）.height（）$（窗口）。宽度（）；为了找到浏览器窗口的宽度和高度，我对这个问题做了一个严肃的回答，我接受了你的回答，因为你在Essense中回答了这个问题，但这并不完全是我想要的，因为我写错了这个问题，检查这个问题以了解我的全部问题：我对这个问题做了一个严重的嘘声，我接受了你的回答，因为你在Essense中回答了它，但是这不是我想要的，因为我写错了问题，检查这个问题以了解我的全部问题：