모바일에서 갤러리 목록 리스트 이미지 세로로 1개씩 나오기
본문
pc에서는 기본대로 4개씩 나오게 하고
모바일에서는 세로로 1개씩 나오게 할려구요
참고로 설치하면 나오는 기본 갤러리 이구요 반응형 입니다
모바일에서 4개의 이미지가 작게 나오고 있고 따로 갯수를 지정해서 설정하는 부분이 없네요 ,
어디서 수정하는지 아시는분 잇으실까요 ?
기본적인 css의 20열의 % 수치를 줄이거나 늘려도 안되네요 ...
답변 4
본사이트서비스가 피시와 모바일 인지 구분이 되어있다면 게시판관리 에 서 설정하는 부분이있습니다.
만약
반응형 으로 만 이를 사용하게하였다면 게시판마다 반응형으로 처리안된게시판이라면 직접 잡아 주셔야합니다.
좀더 명학한 답변을 받으실려면
웹사이트 주소를 알려주시기바랍니다.
네 맞습니다.현제 모바일 활성화 안되게 설정되어있습니다.
하여 현제 상태에서 반응형처리 되어잇으니 이는 css 커스텀 해주셔야합니다.
따라서 이부분에서 힘드시면
반응형은이대로 나두시고 모바일을활성해보시기 바랍니다.
모바일 스킨은 하나씩 관리 자 설정값에 반영하도록 되어있을거에요
참고로 아미나 빌더 는 5.3 버전에 낮은 버전에 해당이됩니다.
하여
처음 설치하여 사이트 구축할려면 나라야 빌더https://amina.co.kr/를 권장드립니다.
자세한 문의는 한별아빠 님에게 문의하시면 제일빠릅니다.
@media 문법을 공부해보세요.
만약, 부트스트랩 사용 중이시면 해당 버전의 그리드 매뉴얼을 공부해 보세요.
지금 데모에서 모바일로 보면 1개씩 나오는거는 뭔가요 ,,지금 아미나 이제 설치하고 보는데 안되거든요 설정하는거도 딱히 안보이구요 ,, 이건 원래 될줄알고 신경을 안쓰고 잇다가 보니 당황스럽네요
위젯 경우, 해당 위젯 설정에서 이미지 개수를 설정할 수 있던 걸로 기억하는데, 위젯 설정에 그런 게 안 보이면 직접 스킨을 커스텀 하시는 수밖에 없을 듯 합니다.
질문자님도 못찾았는데 저희가 어떻게 찾을까요..
이런 상황에서 적어도 소스 출처라던가 빌더라던가.. 정보를 주셔야 답변을 드릴수 있습니다.
추가로 그누보드 기본 갤러리는 반응형이 아닙니다.
pc 모바일 따로 있습니다.
모바일버전으로 들어가면 하단에 "PC버전" 이라고 나올거구요.
그래서 정확히 말하자면 아미나 데모사이트는 반응형으로 제작되었다고 말하기 어렵습니다.
그래서 pc버전은 /skin/board/gallery/스킨명/list.skin.php에 있는 부분이 보여지는 것이고,
모바일 버전은 /mobile/skin/board/gallery/스킨명/list.skin.php가 보여지는 것입니다.
반응형으로 제작을 한다면 /skin/board/gallery/스킨명/ 에서 style.css 를 수정하셔야 합니다.
```php
.list-wrap .list-row {
float: left;
width: 25%; // 이미지가 가로로 4개 나온다고 가정...
}
```
이렇게 되어있다고 가정한다면,
```php
@media (max-width: 420px) {
.list-row {
width: 100% !important; // 모바일 크기일때 이미지 가로크기 100%
}
}
```
이런식으로 스타일시트에 media쿼리를 추가해주어야 합니다.
