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

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

QA

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

본문

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

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

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

고견을 기다립니다.

더 좋은 답변을 위해 필요한 추가정보를 요청해 보세요.

추가정보요청

이 질문에 댓글 쓰기 :

답변 3

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

 

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

 

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

 

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

- 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="요정 옷을 입은 엘바">
답변을 작성하시기 전에 로그인 해주세요.
전체 49,062
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT