SIR
목록으로

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

타타이라이브
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 1,951
답변 3
목록

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

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

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

고견을 기다립니다.

#그누보드5

답변 3개

채택된 답변
+20 포인트

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

Copy 
<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="요정 옷을 입은 엘바">
로그인 후 평가할 수 있습니다

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

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

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

 

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

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

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

 

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

 

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

 

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

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

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

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

로그인
🐛 버그신고