미디어 쿼리

작가: Eugene Taylor
창조 날짜: 11 팔월 2021
업데이트 날짜: 12 할 수있다 2024
Anonim
#22 반응형으로 만드는 마법, 미디어 쿼리 - 웹 코딩 강좌
동영상: #22 반응형으로 만드는 마법, 미디어 쿼리 - 웹 코딩 강좌

콘텐츠

정의-미디어 쿼리 란 무엇입니까?

미디어 쿼리는 HTML / CSS 기능으로 웹 페이지의 내용이 컴퓨터 화면이나 전화 또는 태블릿의 페이지와 같이 페이지가 렌더링되는 미디어 유형에 적응할 수 있도록합니다. 이는 반응 형 웹 디자인을 구현하기위한 핵심 기술로 간주되며 2012 년 6 월에 다른 CSS3 기능과 함께 표준으로 구현하는 것이 좋습니다.

Microsoft Azure 및 Microsoft 클라우드 소개 | 이 가이드를 통해 클라우드 컴퓨팅에 관한 모든 내용과 클라우드에서 비즈니스를 마이그레이션하고 운영하는 데 Microsoft Azure가 어떻게 도움이되는지 알아 봅니다.

Techopedia는 미디어 쿼리를 설명합니다

미디어 쿼리는 특정 미디어 기능, 특히 화면 크기를 조건부로 확인하는 하나 이상의 표현식과 함께 미디어 유형으로 구성됩니다. 미디어 쿼리의 논리식은 true 또는 false 일 수 있습니다. 쿼리의 미디어 유형이 사용자 에이전트 (웹 브라우저)가 실행되는 장치의 미디어 유형과 일치하면 사실입니다. 그렇지 않으면 거짓입니다. 미디어 쿼리 결과가 true가되면 지정된 계단식 규칙에 따라 지정된 해당 스타일 규칙이 적용됩니다. 쿼리 결과가 false가 되더라도 스타일 시트에 지정된 스타일 시트는 태그는 여전히 다운로드되지만 단순히 적용되지는 않습니다.

HTML을 사용하는 예 꼬리표:



내에서 @media를 사용하는 예
이 정의는 반응 형 웹 디자인을 위해 작성되었습니다.