브라우저 스니핑없이 iPhone에만 스타일 시트를 적용하려면 어떻게해야합니까?

Question

서버 또는 JavaScript를 통해 브라우저 스니핑 (사용자 에이전트 문자열을 통해)을 수행하지 않고 iPhone에만 독점적으로 스타일 시트를 적용하고 싶습니다.

저는 특히 Internet Explorer에서 스타일 시트를 적용하지 않기를 바랍니다. 즉, 아이폰 고유의 스타일 시트를 적용하기위한 애플의 제안 코드 :

<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> 

스타일 시트가 IE 7, 6

Answer 1

사용 애플의 제안 코드에 의해 적용되는 원인이 있지만, 조건부 의견을 래핑하는 것 IE에서 숨기기 :

<!--[if !IE]><!--> 
<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> 
<!--<![endif]--> 

크레딧 나는 이것을 Sitepoint’s iPhone development article으로 생각합니다.