Zatrzymaj pojemnik div na zmianę rozmiaru

Question

Mam dwie kolumny na stronie html, jedna jest unoszona w prawo, a druga unoszona w lewo. Ustawiłem wysokość obu pojemników na 100%, a szerokość obu pojemników na 50%. Chcę, żeby dwa pojemniki pasowały do ​​okna entre. Gdy użytkownik ponownie zmieni rozmiar okna w poziomie, nie chcę zmieniać rozmiaru zawartości. Jak mogę to osiągnąć?

Dzięki

Answer 1

Istnieje wiele sposobów, aby to osiągnąć. Po pierwsze, najłatwiej byłoby umieścić wartość css min-width! Więc jeśli chcesz, aby zmienić rozmiar, ale zatrzymać się na 960 (na przykład) po prostu trzeba zrobić:

myCoolDiv{ 
     width: 100%; 
     height: 50%; 
     min-width: 960px; 
    } 

Że daje najlepsze rezultaty. Indziej, jeśli nie chcesz, aby zmienić rozmiar zawartości w ogóle, a selektor mieć szerokość równą 100% ekranu początkowego, użyłbym tamtędy jQuery:

$(document).ready(function() { 
     //Call a variable to know the width of the window 
     var screenWidth = $(window).width(); 
     $('myCoolDiv').css('width', screenWidth + 'px'); 
    }); 

nadzieję, że pomogło! Powiedz mi, jeśli moja odpowiedź nie jest wystarczająco jasna lub jeśli nie rozumiesz jej części!

Pozdrawiam!