테스트 사이트 - 개발 중인 베타 버전입니다

pc에서는 보이고 모바일에서는 안 보이게 하고싶은데.. 채택완료

다조아해 10년 전 조회 4,565

 

반응형 홈페이지를 제작하고 있는데요

큰 이미지를 사용해서 모바일에서 사용할 경우 이상할거 같아서

pc에서는 큰 이미지가 보이고

모바일로 접속하면 이 이미지가 보이지 않게 할려면 어찌 해야 하나요?

 

css에 소스넣고 싶은데...모르겠네요.

 

미디어는

 아래 소스를 사용하면 모바일에서 안 보이거든요.

 

@media (max-width: 767px){
.banner00{
display: none;
}
}​

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
10년 전

자바스크립트나 php코드로 제어하셔야죠...

if(PC){

PC에서 보이기

}else{

모바일 보이기

}

 

이런식이겠죠. 소스는 많기때문에 직접 알려드리진않을께여~

모바일 PC구분하는 소스 많습니다~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

P
10년 전

css상에서는 디바이스 종류를 구별하지 못합니다. 미디어쿼리로 브라우저크기만 알아낼수 있죠.

javascript나 php단에서 user-agent를 분석하여 출력하시는게 좋을 것 같습니다. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인