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

Question

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

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

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

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

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

미디어는

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

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

톰소여 · Accepted Answer

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

if(PC){

PC에서 보이기

}else{

모바일 보이기

}

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

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

PWneo · Answer

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

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