pc에서는 보이고 모바일에서는 안 보이게 하고싶은데..
본문
반응형 홈페이지를 제작하고 있는데요
큰 이미지를 사용해서 모바일에서 사용할 경우 이상할거 같아서
pc에서는 큰 이미지가 보이고
모바일로 접속하면 이 이미지가 보이지 않게 할려면 어찌 해야 하나요?
css에 소스넣고 싶은데...모르겠네요.
미디어는
아래 소스를 사용하면 모바일에서 안 보이거든요.
@media (max-width: 767px){
.banner00{
display: none;
}
}
답변 2
자바스크립트나 php코드로 제어하셔야죠...
if(PC){
PC에서 보이기
}else{
모바일 보이기
}
이런식이겠죠. 소스는 많기때문에 직접 알려드리진않을께여~
모바일 PC구분하는 소스 많습니다~
css상에서는 디바이스 종류를 구별하지 못합니다. 미디어쿼리로 브라우저크기만 알아낼수 있죠.
javascript나 php단에서 user-agent를 분석하여 출력하시는게 좋을 것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.