«media-queries» 태그된 질문

미디어 쿼리를 사용하면 화면 및 인쇄와 같은 미디어 유형과 뷰포트 및 장치 높이와 너비와 같은 미디어 기능의 조건에 따라 CSS 스타일을 조건부로 적용 할 수 있습니다. W3C CSS3 사양의 일부입니다.

8
약간의 마법이 적은 멋진 미디어 쿼리
less를 사용하는 일부 css 클래스 내에서 다른 해상도에 대해 css 스타일을 래핑하는 것이 좋습니다. 다음과 같은 작업을하고 싶습니다. footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 결국 다음과 같은 결과가 나타납니다. footer { width: 100%; } @media …

13
JavaScript를 사용하여 Internet Explorer (IE) 및 Microsoft Edge를 검색하려면 어떻게해야합니까?
나는 많이 둘러 보았고 인터넷 익스플로러를 감지하는 방법이 많다는 것을 알고 있습니다. 내 문제는 이것이다 : HTML 문서에 클릭하면 어떤 종류의 Internet Explorer 와도 호환되지 않는 JavaScript 함수를 호출하는 영역이 있습니다. IE가 사용 중인지 감지하고, 그렇다면 변수를 true로 설정하고 싶습니다. 문제는 메모장 ++에서 코드를 작성하고 브라우저에서 HTML 코드를 실행할 때 …

2
CSS에서 미디어 쿼리의 순서가 중요한 이유는 무엇입니까?
최근에 저는 더 반응이 빠른 사이트를 디자인하고 있으며 CSS 미디어 쿼리를 자주 사용하고 있습니다. 내가 알아 차린 한 가지 패턴은 미디어 쿼리가 정의되는 순서가 실제로 중요하다는 것입니다. 모든 브라우저에서 테스트하지는 않았지만 Chrome에서만 테스트했습니다. 이 동작에 대한 설명이 있습니까? 사이트가 제대로 작동하지 않고 쿼리인지 또는 쿼리가 작성된 순서인지 확실하지 않을 때 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.