메인페이지 미디어 쿼리 질문2

메인페이지 미디어 쿼리 질문2

QA

메인페이지 미디어 쿼리 질문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 를 추가해주면 됩니다.

 

답변을 작성하시기 전에 로그인 해주세요.
전체 10,639
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT