이전 목록 다음
채택완료

pc화면에서 모바일버젼 적용시

타타이라이브
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-16 (목) 20:54:54 2,075

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

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

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

고견을 기다립니다.

그누보드5
|

답변 3개

채택된 답변
+20 포인트
탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-17 (금) 10:02:18

- 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="요정 옷을 입은 엘바">
eeyekiss
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-17 (금) 04:21:18

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

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

드드비앙s
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-16 (목) 22:14:46

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

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

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

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

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