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

게시물에대한 미디어 쿼리 관련 채택완료

웅프 2년 전 조회 5,688

안녕하세요 요즘 날씨가 많이 쌀쌀해 졌네요..

감기들조심하세요..

다름이 아닌 기본 디폴트에서 반응형을적용을 해볼려구 하는데 혹시 디폴트css에서 게시물에 대한 미디어 쿼리적용을 어떻게 하나요?

텍스트나 모든게 적용이 되는듯하는데 게시물의 리스트 또는 뷰에 나온이미지 이런 부분들이 브라우저 크기에 안따라오더라구요 ..

메인디폴트에서 는 해결이 않되는가요?

스킨 보드 css 에서 해결을 해애하는지요?

많은조언좀 부탁드립니다. ^

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

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
2년 전

위치는 어느 곳이나 상관 없고, 그냥 선택자 우선순위 높여서 편한 곳에 정의하시면 될 듯.

https://homzzang.com/b/css-5

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

답변에 대한 댓글 4개

웅프
2년 전
게시물에 대한 미디어쿼리문제는 덕분에 해결을 햇습니다.
그렇나 메인페이지 latest 스킨 호출부분은 왜 반응을 하지않을까요? 혹시 알고계시면 팁하나만 부탁드립니다.
s
sinbi
2년 전
@웅프 basic 테마 기준으로, 정확히 어디 부분을 어떻게 하고 싶으신 건지?
웅프
2년 전
메인페이지 latest 스킨요

<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>
이부분을 미디어 쿼리 에 반응을 하면 브라우저에서 하나씩 전체로 늘어나서보여야 하는데 안늘어나버리네요;;;
s
sinbi
2년 전
이런 식으로 처리하시면 될 듯...

[code]
@media all and (max-width:OOOpx) {
#container .pic_li_lt {
width: 100%;
}
}
[/code]

PS. 안 변하면, 캐시새로고침(Ctrl + F5) 해보세요.

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

웅푸
2년 전

다른분들 스킨들을 검토해보니 거이다 각각 보드스킨에서 처리 했더라구요.

그래서 나도 그렇게  아무리 이리 저리 해봐도 무언가 더 꼬이고 환장 하겠더라구요 ㅎㅎ;;

그래서 좀더 구채적으로 공부를 햇더니 해결점이 나왓네요...문제점은 우선순위 였더라구요

 

조언 감사드립니다. 감기조심들 하세요 ^

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

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

진서기
2년 전

모든 항목에 대해 미디어 쿼리 작성해야 합니다. 

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

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

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

로그인