2012-04-19 16 views
0
나는이

미디어 쿼리 이상한 행동

<!-- SmartPhone CSS --> 
<link rel="stylesheet" href="smartphone-portrait.css" /> 

<!-- IPAD CSS --> 
<link rel="stylesheet" href="ipad-portrait.css"   media="only screen and (min-width : 550px)"/> 
<link rel="stylesheet" href="ipad-landscape.css"  media="only screen and (min-width : 970px)"/> 

스마트 폰 portrait.css처럼 내 HTML 문서에 미디어 쿼리를 부착하고

는 SHLD 모든 시간을 적용 할 일반적인 파일을하지만, 창 크기보다 작은 550 픽셀없는 경우 스타일이 적용된 첫 번째 화면을 참조하십시오.

창 크기가 550보다 큰 경우 스타일이 적용됩니다. 창 크기가 더 작은 경우 CSS가 적용되지 않는 이유는 무엇입니까?

enter image description here

답변

0

마크 업이 정확 보인다. 당신의 문제가 오타처럼 어리석은가? 어쩌면 ipad css의 철자가 정확하고 일반적인 철자가 틀린 것일 수 있습니다.

+0

실수가 없습니다 .. 몇 가지 방향을 바꾼 후에 ipad에 CSS가 작동하기 시작했습니다 – coure2011

+0

ipad-portrait.css에 문제가 있습니까? 그렇다면 세로가 550px의 최소 너비로 설정되어 있기 때문일 수 있습니다. 그 너비는 550px보다 커야합니다. –

+0

아니요! 그게 작동하지 않는 .. – coure2011