이미지 리사이즈 질문
본문
1. 모바일과 pc가 분리되어 있습니다.
2. 그래서 모바일과 pc버전을 스킨을 분리할 수 있습니다.3. pc버전 배추스킨을 건드리지 않고 모바일 스킨만 조정하여
이미지 강제 리사이즈를 하려고 하는데요.
4. 유튜브 처럼 %로 사이즈를 조정할수 있도록 사진도 %로 조정하려면 어디를 고쳐야 하나요?
아니면 가로폭은 320으로 고정하고 싶습니다.. 스킨에서 고정 시킬 수 있는 방법 없을까요?
(관리자 페이지에서 하면 pc버전까지 다 320으로 바뀌어 버려서요;;)
답변 1
<style>
@media all and (max-width: 480px) { img{width: 320px} }
</style>
역시 슈와이님 짱입니다! 와우.. 그런데.. 신고버튼이며.. 메뉴버튼들이 다 커져버렸는데요.. view.php에 말고 다른곳에 넣어야 하나요?
// view.skin.php 모바일에서만 적용될 이미지 mobileimg 클래스 주기
<style>
@media all and (max-width: 480px) { .mobileimg{width: 320px} }
</style>
<img class="mobileimg" src="" />
진심 네이버 지식에 나와있는 멘트처럼. 슈와이님 지식에 감탄하고 갑니다. 완전 감사합니다. ㅠㅠ 몇날 며칠을 고생했었는데 이렇게 해결해주시다니. ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.