Question

我想根据窗口大小设置弹出窗口，对齐方式如左上角，右上角，中心，左下角，右下角，底部中心。我们可以根据浏览器窗口设置元素但如果我想选择左下角位置，这些事情就会失败。我弹出窗外。

   example : top : 5% according to window size
             left: 45% according to window size
    $(id).css('top', '5%');
    $(id).css('left', '45%');



i also want to know .what is the meaning of 
winH/2-$(id).height()/2

Answer 1

您可以执行以下操作来更改resize上的元素css：

winH是窗口大小

winH/2-$(id).height()/2窗口大小除以2减去所选div高度除以2

$(window).resize(function()
{
    var winH= $(window).height();
    if (windowHeight > 400)
    {
       $(".testDiv").css({
            "height" : "20%",
            "width" : "20%",
            "margin-left": "45%",
            "margin-top" : "5%"
       });  
    }
});

JSFIDDLE EXAMPLE

如何根据窗口大小设置元素对齐方式

1 个答案: