표시 : 숨겨진 사파리에서 작동하지 않습니다

Question

표시 : 숨겨진 속성이 모바일 사파리 (또는 적어도 내 휴대 전화의 사파리)에서 내 이미지에 대해 작동하지 않습니다.

<img src="imac.png" id="finalImg" /> 

그리고 CSS

#finalImg{ 
max-width:100%; 
margin: 0 auto; 
display: block; 
} 
@media only screen and(max-width:800px){ 
img#finalImg[style]{ 
display:none !important; 
} 
} 

당신은 내가 덮어 쓰기를 시도 볼 수 있듯이 :

다음은 HTML의 "디스플레이 : 블록"하지만 어떤 이유로 여전히 사파리에서 렌더링합니다. 실제 페이지가있는 페이지는 다음에서 찾을 수 있습니다. http://david-hong.com/mamute.html

어떤 도움을 주실 수 있나요?

Answer 1

문제는 선택자 : img#finalImg[style]입니다. <img>에는 style 특성이 없습니다. 미디어 쿼리에 #finalImg을 사용하면됩니다.

Answer 2

시도

@media only screen and(max-width:800px){ 
     img#finalImg{ 
     display:none !important; 
     }