창이 너무 작 으면 div 정렬을 변경하십시오.

Question

내 홈페이지에 div가 있습니다. 창을 더 작게 만들면 창 양쪽의 div가 나옵니다. 왼쪽 창문 밖에 나가고 싶습니다. 이 일을 할 수있는 방법이 있습니까? 나는 창문이 너무 작 으면 정렬을 바꾸는 것을 생각했다.

미리 감사드립니다.

편집 :이 비슷한이

<div style="margin: auto; width: 500px;"> centered div </div> 

에서 변경하려면 :

<div style="margin-left: 0px; width: 500px;"> not centered div </div> 

창 전체 크기의 사업부를 보여 500 픽셀보다 작은 얻을

.

Answer 1

당신은 폭이 500px 이하가되면에만 스타일을 적용하는 미디어 쿼리

div { 
    margin: auto; 
    width: 500px; 
} 
@media (max-width:500px) { 
    div { 
    margin: auto 0px auto auto; 
    } 
} 

를 사용할 수 있습니다.