목록으로

pc화면에서 모바일버젼 적용시 채택완료

타이라이브 4년 전 조회 1,910

답변 3

모바일버젼으로 pc버젼을 적용하고 잇는데

피씨에서는 모바일에서처럼 예쁘지가 않고 이미지가 깨지는 듯한 느낌이 듭니다.

모바일에서 처럼 강제로 사이즈를 어떻게하면 조정이 가능한지 알고싶습니다.

고견을 기다립니다.

#그누보드5

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

답변 3개

정렬:

채택된 답변

+20 포인트

BiHon

4년 전

- https://developer.mozilla.org/ko/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

</p>

<p><img srcset="elva-fairy-320w.jpg 320w,

             elva-fairy-480w.jpg 480w,

             elva-fairy-800w.jpg 800w"

     sizes="(max-width: 320px) 280px,

            (max-width: 480px) 440px,

            800px"

     src="elva-fairy-800w.jpg" alt="요정 옷을 입은 엘바"></p>

<p>

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

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

eyekiss

4년 전

css 에서 body 나 최상위 태그에..

max-width:600px; 과 같은 값을 추가해보세요.

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

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

드비앙s

4년 전

이미지가 깨지는 듯한 느낌이 든다면 해상도가 맞지 않는 것입니다.

이미지와 실제 표현크기를 맞춰보세요 1:1이 힘들다면 2배로도 괜찮습니다

보통 pc에서 1:1 만들고 모바일에서 2배를 만듭니다

그래서 모바일에서 실제 표현은 1/2고 pc에선 1:1 표현이구요

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

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

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

로그인

pc화면에서 모바일버젼 적용시 채택완료

답변 3개

공유하기