미디어 쿼리가 Div의 크기에 따라 요소 크기를 조정할 수 있습니까?

미디어 쿼리를 사용하여 Div 내의 요소 크기를 동적으로 조정

제기되는 질문은 미디어 쿼리가 div 요소의 크기에 따라 요소 크기를 조정할 수 있는지 여부입니다. 화면 해상도보다는 미디어 쿼리는 요소 크기가 아닌 뷰포트나 화면 크기를 기준으로 기기 또는 미디어별 스타일을 지정하기 위한 것입니다.

원하는 효과를 얻으려면 CSS Containment Module의 컨테이너 쿼리는 컨테이너 요소의 크기에 따라 스타일을 적용하도록 특별히 설계되었습니다. https://caniuse.com/?search=container 쿼리에서 브라우저 호환성을 확인하세요.

미디어 쿼리 대신 및 이전 브라우저의 경우 JavaScript를 적용하여 원하는 div 요소 크기의 변경 사항을 모니터링하세요. Flexbox 및 사용자 정의 속성과 같은 최신 레이아웃 기술을 사용하면 Djave에서 제공하는 예에서 볼 수 있듯이 미디어 또는 요소 쿼리가 완전히 필요하지 않을 수도 있습니다.

위 내용은 미디어 쿼리가 Div의 크기에 따라 요소 크기를 조정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!