모바일이랑 PC 이미지 사이즈를 다르게 하고 싶어요 ㅠ
본문
미디어 쿼리라는걸 방금 알아서
<style>
@media (max-width: 768px) {
#content {width:100%}
}
</style>
이런식으로 해봐도 안되는데요.......
width 값을 100%로 주면 PC에서 좌우에 꽉차고 ㅠ
그렇다고 700px 이렇게 주면 모바일에서 벗어나는데요 ㅠ
이런경우에 PC일 경우에는 px 값을 그리고
모바일에서는 100% 값을 주려면 어떻게 해야할까요??
답변 3
메타태그 반응형 검색해서 넣으세요~
직접태그가 있으면안되고
만약 그래도 적용이 안된다면 최우선권을 주세요
!important;
방법은 다양합니다.
PHP코드를 사용한다면.
<?php
if (is_mobile()) {?>
모바일이미지
<?php } else { ?>
PC이미지
<?php } ?>
방식도 가능하고
width를 가지고 미디어 쿼리로도 사용가능하고
그렇습니다.
둘다 적용하면 진짜 모바일일때와 반응형일때를 다 다룰수있을겁니다.
플래토님 말씀처럼 모바일인지 아닌지를
그누보드 함수로 체크하여
거기에 맞추어 이미지를 따로 넣으시는게 좋을것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
