Yeniden boyutlandırmak için div kapsayıcısını durdur

Question

Bir html sayfasında iki sütun var, biri sağa kayar ve diğeri sola doğru süzülür. Her iki kapsayıcının yüksekliğini% 100'e ve her iki kapağın genişliğini% 50'ye ayarladım. İki konteynırın entre penceresine uymasını istiyorum. Kullanıcı pencereyi yatay olarak yeniden boyutlandırdığında, içeriğin yeniden boyutlandırılmasını istemiyorum. Bunu nasıl başarabilirim?

Teşekkürler

Answer 1

Bunu başarmanın birçok yolu vardır. Her şeyden önce, css değeri min-genişliği koymak en kolay olurdu! İsterseniz Yani sadece yapmak zorunda (örneğin) 960p durdurmak için ancak yeniden boyutlandırmak için: Size en iyi sonucu verecek

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

.

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

taslağın yardımcı Umut: sen hiç boyutlandırmak için içerik istemiyorum ve seçici başlangıç ​​ekranının% 100'e eşit bir genişliğe sahip olursa Else, jQuery böyle kullanmak istiyorsunuz! Cevabım yeterince açık değilse veya bir parçasını anlamadıysan bana söyleyin!

Şerefe!