해상도에 따라 이미지 가로수 조정 정보
해상도에 따라 이미지 가로수 조정
본문
안녕하세요
갤러리 게시판에서 사용자 해상도에 따라서 이미지 가로수가 조절되었으면 좋겠습니다
[예시]
http://m.stylenanda.com/mobile/Main.php
여기 모바일 사이트 가셔서 익스플로러창 줄이면 이미지 가로수가 알아서 조절되는데요
이거 어떻게 고치면 되는지요 ㅠㅠ
답변 부탁드립니다 ㅠㅠ
갤러리 게시판에서 사용자 해상도에 따라서 이미지 가로수가 조절되었으면 좋겠습니다
[예시]
http://m.stylenanda.com/mobile/Main.php
여기 모바일 사이트 가셔서 익스플로러창 줄이면 이미지 가로수가 알아서 조절되는데요
이거 어떻게 고치면 되는지요 ㅠㅠ
답변 부탁드립니다 ㅠㅠ
댓글 전체
고냥...
<li>이미지</li>
<li>이미지</li>
<li>이미지</li>
해서 li 한테 float:left 묵이고 이미지 사이즈 고정맹글어놓고
화면 줄이면 줄이 칸으로 넘어갑니다~
<li>이미지</li>
<li>이미지</li>
<li>이미지</li>
해서 li 한테 float:left 묵이고 이미지 사이즈 고정맹글어놓고
화면 줄이면 줄이 칸으로 넘어갑니다~
그냥 간단하게하면...width값을 100%로 주고,
팡야님 말씀처럼 가로로 출력되는 갯수를 고정하지 않으면 될 것 같은데요
팡야님 말씀처럼 가로로 출력되는 갯수를 고정하지 않으면 될 것 같은데요
예제 하나 드리겠숩니당 잠시 5분만 기달려주세용~
<Style>
img {max-wdith:100%;height:auto;}
</style> 를 사용해보세요.
img {max-wdith:100%;height:auto;}
</style> 를 사용해보세요.
리사이징 할때 가로수라면...이미지 스타일은 관스틴님 말씀대로 처리하고 미디어쿼리를
이용해보심이 어떨까요?
이용해보심이 어떨까요?
관스틴님 해답이 제일 간단하고 확실한 거 같아요 ㅋㅋ 괜히 머리썼네;;