테스트 사이트 - 개발 중인 베타 버전입니다

갤러리 리스트 화면 반응형 초보 질문드립니다. 채택완료

초록물고기 9년 전 조회 5,382


 

안녕하세요

왕초보 질문드려요.

현재 반응형 테마를 이용하여 홈페이지를 만들었습니다.

갤러리 게시판을 사용 중입니다.

 

반응형은 잘됩니다.

사이즈 가로200px 세로 170px 이렇게 사진목록 사이즈를 관리자에서 정해두었습니다.

가로목록수 3개 정했습니다.

 

현재 문제점이 모바일 접속시 기기에 따라 사진 목록수가 틀려집니다.

아이패드로 접속하면 3개 잘나옵니다.하지만 아이폰5s로 접속하면 사진 목록이 1개 나옵니다.

갤럭시노트로 접속하면 2개 나옵니다.

 

제가 원하는 건

 

어떤 기기로 접속하여도 목록수는 3개가 되어야합니다.

그리고 목록 사진은 기기에따라 사진이 작아졌다 커졌다 하고 싶습니다.

 

크롬 브라우져로 화면을 줄이면 사진이 작아지면서 목록수는 3개 그대로 유지하고 싶습니다.

 

@접속기기에 따라 사진목록사이즈가 기기에 맞게 표현되고 싶습니다.

 

어떻게 해야할지 도무지 모르겠습니다.

 

선배님들 제발 도움 부탁드립니다.

 

염치없지만 소스수정부분 자세히 좀 알려주세요.미안합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

초보시면 원하시는 답변으로 적용이 힘들거에요 하드코딩부분이라

 

미디어 css부분 독학해보시길 권장드립니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

초록물고기
9년 전
안녕하세요.
너무 초보라 부끄럽습니다.
시간내어 답변주셔서 너무감사합니다.
조언해주신거 잊지않고 공부해보겠습니다.
건강하세요

댓글을 작성하려면 로그인이 필요합니다.

김철용
9년 전

안녕하세요

대구사는 40대 아마추어 웹개발자입니다.

http://www.gositelnet.com으로">www.gositelnet.com으로 대구지역 고시원모음을 만들려고 하는데 거기서 이미지갤러리를 만들려고 하고있읍니다. 부트스트랩에서 직접코딩하니 잘안되어서 해외사이트에서 이미지 갤러리소스를 다운받아서 변경해보았읍니다.

전체소스를 카피해서 붙여넣기해서 이미지 경로를 바꾸고 tag안의 title을 바꾸면 잘 작동될겁니다.

참고해보세요

 

* 소스코드

  Tclub company

 

 

  http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

 

 

  

 

 

  

 

 

 

 

스카이허브 리빙텔 사진

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

초록물고기
9년 전
답변너무감사합니다.
주신 소스 공부하여 적용해보겠습니다.
항상 건강하세요~

댓글을 작성하려면 로그인이 필요합니다.

B
9년 전

부트스트랩 그리드 쪽 보세요

http://the3.tistory.com/41">http://the3.tistory.com/41 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

초록물고기
9년 전
너무 초보라 읽어도 무슨뜻인지 이해가 안되네요..
list.skin.php 적용하면 되는건가요?
답변너무감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인