Как сделать div s re размер с фиксированным положением в соответствии с размером браузера

Question

Делаю с небольшим загрузочным приложением. Здесь есть два divs бок о бок. Первый div - с загрузочным столом, второй - с изображением.

Мое сомнение в том, что если я обозреваю размер браузера, как я могу сделать свое исправление, но с размером ребра.

Вот мой пример кода.

link

Answer 1

Вы должны быть более подробными. Но я думаю, что у меня есть представление о том, что вы пытаетесь сделать ...

Вам нужно будет использовать событие jquery resize в браузере. В основном функция, которая вызывается каждый раз, когда изменяется размер браузера.

$(window).resize(function(){ /* BROWSER RESIZED. TO STUFF */ });

Тогда в этой функции у вас есть получить текущую ширину или высоту браузера. И используйте это для изменения размера или изменения ваших div.

Вот пример, который содержит 2 разных div бок о бок на странице. Вы можете сделать это легко с помощью только CSS, но это только для того, чтобы дать вам представление.

$(window).resize(function() { 
 
    
 
    //Get browser width & height 
 
    var browserWidth = $(window).width(); 
 
    var browserHeight = $(window).height(); 
 
    
 
    //Some computations for example 
 
    var divWidth = browserWidth/2; 
 
    
 
    //Change Div's width 
 
    $("div1").css("width", divWidth+"px"); 
 
    $("div2").css("width", divWidth+"px"); 
 
    //Reposition Div 2 
 
    $("div2").css("left", "50%"); 
 
    
 
});