css media query margin-top 요소 div

Question

다음 자바 스크립트가 있습니다. div 요소의 margin-top과 margin-left를 변경하고 싶습니다. 나는이 미디어 쿼리를 사용

@media screen and (max-width:1024px) { 
 
    .my-list { 
 
    margin-top: 120px; 
 
    margin-left: 350px; 
 
    } 
 
}

<div class="my-list"> 
 
    test message 
 
</div>

마지막 화면은 내가 마진 탑 변경할 수 있습니다 div 요소의 여백을 왼쪽 어떻게

입니까?

Answer 1

난 당신이 무슨 짓을

가 올바른지 div 요소의 여백 - 상단 여백 왼쪽을 변경하고 싶습니다. 이제 귀하의 요구 사항에 따라 다릅니다. 미디어 쿼리에 따르면 1024px 미만의 모든 해상도 화면에 CSS가 적용됩니다.

미디어 쿼리에 max-width:1024px을 적용했기 때문에. 이제 1024보다 높게 설정하려면 'min-width: 1024px'을 사용할 수 있습니다.

this 바이올린을 확인하십시오. 작동합니다