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

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

QA

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

답변 3

본문

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

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

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

고견을 기다립니다.

이 질문에 댓글 쓰기 :

답변 3

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


<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="요정 옷을 입은 엘바">

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

 

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

 

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

 

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 59,278
© SIRSOFT
현재 페이지 제일 처음으로