2012-09-27 3 views
0

this site을 발견했을 때 화면 크기에 따라 콘텐츠를 다르게 배열하는 방법을 모색하고있었습니다. 꽤 좋은 찾고 사이트. 브라우저의 크기를 변경하면 열 구성이 변경됩니까? 매우 작은 크기로 줄이거 나 전화로 방문하면 큰 이미지가 완전히 사라져서 작은 아이콘 만 남습니다. 나는 자바 스크립트를 껐다. 그리고 이것은 여전히 ​​발생한다. 또한, 내 ie8에서 작동하므로 HTML5 thang이 아닌 것 같습니다. 어떻게 진행되고 있습니까?이 열은 javacript없이 구성을 변경하는 방법

감사합니다.

답변

3

이 효과는 자바 스크립트가 아니라 CSS @media queries에 의해 수행되고 있습니다. Chris Coyier of CSS Tricks에는 @media 쿼리에 대한 훌륭한 소개가 있습니다.

단순히 부울 표현식을 기반으로 스타일 시트의 범위를 지정할 수 있습니다 (예 : 본인이 본 예에서 사용 된 특정 너비 인 창 너비인지 확인하는 것). 특정 스타일을 적용하여 반응 형 디자인을 만듭니다.

+0

Ah! 너 거기 간다. 정말 고맙습니다! – 1252748

+0

IE8 이하에서 "javascript로 위장"하는 데 유리한 점이 있습니까? 더 많은 브라우저에서 javascript를 사용하지 않는 것이 좋습니다. 제 말은, 어쨌든 그렇게 할 것이라면, 미디어 쿼리를 사용하는 이유는 무엇입니까? 나는 뭔가를 놓치고 있다고 느낍니다. – 1252748

+0

몇 대의 브라우저에서만 실제로 JS 파일을 다운로드하여 실행하도록 요청하는 이유는 무엇입니까? 네이티브는 거의 항상 사용 가능하다. – cimmanon

관련 문제