반응 형 디자인의 특정 시나리오를 이해하려고 시도합니다.

Question

1000px 너비로 데스크톱에 표시되는 웹 페이지에서 div가 있다고 가정 해 봅시다. 모든 전화기에서 해당 div가 세로 모드에서 100 % 너비로 표시되도록하려고한다고 가정 해 보겠습니다. 부트 스트랩을 사용하지 않고 이것을 달성하는 가장 쉬운 방법은 무엇입니까?

Answer 1

.yourdiv { 
    width: 100%; 
    max-width: 1000px; 
} 

이 규칙은 이와 같은 상황에서 꽤 잘 작동 : 화면이 1000px보다 넓은, 이하 1000px 넓은 모든 화면에 100 % 폭을 만드는 경우는 넓은 DIV 1000px한다.

Answer 2

요하네스 답변은 정말 멋지지만 표시되는 것을 제어해야하는 경우 항상 미디어 쿼리를 사용할 수 있습니다.

예 : 여기에서 더 자세한 정보를 확인할 수

@media (max-width: 600px) { 
    .sidebar { 
     display: none; 
    } 
} 

: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries