pc화면에서 모바일버젼 적용시
본문
모바일버젼으로 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 표현이구요
css 에서 body 나 최상위 태그에..
max-width:600px; 과 같은 값을 추가해보세요.
답변을 작성하시기 전에 로그인 해주세요.