메인페이지 미디어 쿼리 질문2
본문
<div class="latest_top_wr" style="width: 100%;">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
echo latest('theme/pic_list', 'gallery', 4, 23); // 최소설치시 자동생성되는 자유게시판
echo latest('theme/pic_list', 'qa', 4, 23); // 최소설치시 자동생성되는 질문답변게시판
echo latest('theme/pic_list', 'notice', 4, 23); // 최소설치시 자동생성되는 공지사항게시판
?>
</div>
// 이부분이 반응형으로 어떻게 처리를 해야 될까요? 아무리 해도 페이지 전체는 반응은 하는데 latest 처리된 부분이 브라우저를 축소를 시키면 최신게시물마다 늘어나지가 않네요 --;;
팁좀 부탁드립니다.
답변 2
이런 식으로 처리하시면 될 듯...
@media all and (max-width:OOOpx) {
#container .pic_li_lt {
width: 100%;
}
}
PS. 안 변하면, 캐시새로고침(Ctrl + F5) 해보세요.
신비님 그렇면 한가지만 더 질문드릴께요
<div class="latest_wr">
<!-- 사진 최신글2 { -->
<?php
echo latest('theme/pic_block', 'gallery', 4, 23);
?>
<!-- } 사진 최신글2 끝 -->
</div>
이렇게 하나의 게시물을 호출하여 최근게시물이 4개의 게시물을 호출할경우에는 이것을 어떻게 미디어 쿼리에서 세로로 또는 자동으로 한줄씩 내려오게 할수 있나요?
f12키 눌러 요소검사 해보시면 해당 요소의 선택자 위치 나오잖아요.
https://homzzang.com/b/css-251
그 선택자보다 명시도 높여서 위처럼 정의해주시면 변하지 않을까요? ㅎ
원본 소스 경우 아이디 지정 없이 클래스만으로 스타일 정의되어 있으니,
위처럼 아이디를 추가로 부여하는 방식으로 해주시면 될 듯 합니다.
/theme/basic/skin/latest/pic_list\style.css 파일에
반응형 css 를 추가해주면 됩니다.
레터 스킨에다 적용을 해야 하면 어떤식으로 해야하는지 알수 있을까요?