Pencere yeniden boyutlandırıldığında ortam sorgularını kullanarak div genişliğini değiştir

Question

Tarayıcıyı yeniden boyutlandırırken div için farklı bir genişlik ayarlamak üzere bir medya sorgusu yazmak istiyorum. Bunu yapmak istiyorum, çünkü bootstrapim planlandığı gibi çalışmayacak. Herhangi bir yardım ?

html:

<div class = "column2 col-sm-10 col-xs-10"> 
    <ng-view> Loading.. </ng-view> 
</div> 

CSS:

.column2 
{ 
    width: 450px; 
    float: left; 
    background-color: white; 
    height: 535px; 
    border-radius: 5px; 
    margin-top: 30px; 
    overflow-y: auto; /* Makes the scrollbar appear when it should be scrollable */ 
} 

Ben tarayıcı genişliği az 600px olduğunda bunun olmasını istiyorum.

Answer 1

@media screen and (max-width:600px) { 

    .column2 
    { 
    width: 450px; 
    float: left; 
    background-color: white; 
    height: 535px; 
    border-radius: 5px; 
    margin-top: 30px; 
    overflow-y: auto; /* Makes the scrollbar appear when it should be  scrollable */ 
    } 
} 

Answer 2

@media screen and (max-width: 600px) { 
.column2 
{ 
    width: 450px; 
    float: left; 
    background-color: white; 
    height: 535px; 
    border-radius: 5px; 
    margin-top: 30px; 
    overflow-y: auto; /* Makes the scrollbar appear when it should be scrollable */ 
} 

}