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

모바일이랑 PC 이미지 사이즈를 다르게 하고 싶어요 ㅠ 채택완료

나에요나냐 6년 전 조회 2,685

미디어 쿼리라는걸 방금 알아서

 

<style>

@media (max-width: 768px) {
   #content {width:100%}
  }

</style>

 

이런식으로 해봐도 안되는데요.......

 

width 값을 100%로 주면 PC에서 좌우에 꽉차고 ㅠ

그렇다고 700px 이렇게 주면 모바일에서 벗어나는데요 ㅠ

 

이런경우에 PC일 경우에는 px 값을 그리고

모바일에서는 100% 값을 주려면 어떻게 해야할까요??

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

답변 3개

채택된 답변
+20 포인트

메타태그 반응형 검색해서 넣으세요~

직접태그가 있으면안되고

 

만약 그래도 적용이 안된다면 최우선권을 주세요

 

!important;

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

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

6년 전

플래토님 말씀처럼 모바일인지 아닌지를 

그누보드 함수로 체크하여

거기에 맞추어 이미지를 따로 넣으시는게 좋을것 같습니다.

 

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

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

플래토
6년 전

방법은 다양합니다.

 

PHP코드를 사용한다면.

 

<?php

 

if (is_mobile()) {?>

모바일이미지

<?php } else { ?>

PC이미지

<?php } ?>

 

방식도 가능하고

 

width를 가지고 미디어 쿼리로도 사용가능하고

그렇습니다.

둘다 적용하면 진짜 모바일일때와 반응형일때를 다 다룰수있을겁니다.

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

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

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

로그인