PC페이지와 MOBILE 페이지 사진 사이즈
관련링크
http://minatv.cc/
186회 연결
본문
GSHN 부트스트랩 freelancer 테마를 이용해서 원페이지 형식으로
만들었는데요. 이미지 태그를 아래와 100%로 지정하였습니다.
모바일에서는 딱 보기 좋게 나오는데요. PC에서는 크게 나옵니다.
그래서 PC에서 보기 좋도록 width=1174px 이런식으로 사이즈를
지정해주면 모바일에서는 이미지가 크게 나와 스크롤바가 생기고
보기 좋지 않게 나옵니다. 오토리사이징? 그런 방법도 있다던데요.
PC와 MOBILE 둘 다 보기좋게 이미지 사이즈 설정하려면 어떻게
해야하는건가요? 자세하게 설명 좀 부탁드립니다. 감사합니다. ㅠㅠ
<img src="http://xxxx.cc/tv/images/mtv.jpg" width=100% >
답변 2
<img src="http://xxxx.cc/tv/images/mtv.jpg" style="max-width:1174px;width:100%" >
max-width:100% 를 지정하시면
원래 이미지 크기가 1174px이면 거기까지만 나오고
그 이하가 되면 무조건 100%가 됩니다.
다시말해 원래사이즈 이상으론 커지지 않습니다. width:100%는 무조건 100%로 출력하는 것이기에
max-width를 쓰면 되지 않을까요?
답변을 작성하시기 전에 로그인 해주세요.