CSS : 화면이 특정 값 이하로 조정될 때 이미지 제거

반응 형 그리드 시스템을 사용하여 반응 형 레이아웃을 구축 중입니다. 화면이 480px 이하로 확장되면 모든 요소가 맨 위에 스택되고 페이지 너비의 100 %를 차지합니다. 모바일 장치에 적합합니다. 그러나 이미지는 방해가되는 것처럼 보이고 화면이이 값 아래로 조정되면 간단하게 제거하고 싶습니다.CSS : 화면이 특정 값 이하로 조정될 때 이미지 제거

@media 기능을 사용하고 있습니다. 팁 주셔서 감사합니다

출처

2014-09-27 user970638

디스플레이를 사용할 수 있습니다 : 없음; CSS의 속성.

예 : 당신의 @media에

#id_of_image { 
    display:none; 
}

사용이.

출처

2014-09-27 21:34:08

뭐가 잘못 : 당신은 여전히 이미지를 다운로드하는 CSS를 사용하고, 당신이 그것을 피할 수 있다면 그럴 필요가 정말이 없다면

@media (max-width: 480px) { 
    img { //or some specific element 
     display: none; 
    } 
}

출처

2014-09-27 21:37:06 damian004

. 서버에서 장치를 확인하는 것이 좋습니다. 모바일 장치에서 페이지의 태그를 생략하면됩니다. 당신은 모바일이에 대한 라이브러리를 감지 사용할 수 있습니다, 다음 코드는 ... 물론, 당신은 대체와 같은 CSS에서 display:none을 사용할 수의

<?php if($device != 'mobile'): ?> 
    <img src=""> 
<?php endif; ?>

http://mobiledetect.net

과 같을 것이다 :

출처

2014-09-27 21:39:17 timgavin

CSS : 화면이 특정 값 이하로 조정될 때 이미지 제거

답변

관련 문제