서브페이지 상단배경 사이즈 조절문의 ~
페이지 정보
작성자 이은주 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 21-07-07 00:04본문
767px 구간에서 확 height::100%;가 되면서 줄어요 767이구간에서 삳단배경이미지 확줄어드는 구간 css찾아요 ㅠㅠ
왜 여기를 찾냐하면 모바일구간 1~1089로 구간이 너무 길다보니
그사이에 중간쯤 폰트조절을 해야하는데 상단배경높이가 768구간에 줄어들어서
그거에 맞춰서 폰트좀 줄일려고하거든요
그래서 확인해봤더니 top_banner.php 에서 아래와 같이 있는데요
/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {
.about-bg{background-image:url('<?php echo $background_images?>');width:100%;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-position:center; background-size: cover; background-repeat:no-repeat;color:#fff;height:100%;}
}
반응형하는 구간이 1089라서 이건아닌거 같고요
1089px구간에서 높이가 height:100%로해서 줄어드는 없거든요 !!! 개발자 도구 눌러서 봐도 그구간에 해당하는 눌러서 봤는데 안놔와요
767px 구간에서 확 상단배경이미지 확 줄어드든 css가 어디있나요??
modern-business.css >>에서 그나마 768구간을 찾았는데요
아래와같이
carousel-item이라서 또 아니라서요~ 어디있나요 ?? 768구간 css
/* 모바일기기 + 태블릿 */
@media only screen and (min-width: 321px) and (max-width: 768px){
/* 모바일 2 슬라이드 크기 조절 */
.carousel-item {
height: 200px;;
min-height: 200px;
댓글목록
소프트존님의 댓글
소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일
네 맞습니다.
모바일기기 , 태블릿 , 데스크탑 별도로 미디어 쿼리를 만들어서
사용하셔야 할것 같습니다. 브라우저 크기 구간에 따른 맞춤 작업을 하시려면 위와 같은 방법으로
하시는것이 맞습니다.
배포되는 테마는 모든 css 가 다 존재하지 않을 수도 있기 때문에 그때그때 마다 만들어서
사용해주시는것도 하나의 방법 입니다.
에티무료테마등은 기본 토대로 제작해 놨기 때문에 추가적인 작업은
보통 css 추가를 하셔야 할것 같습니다.
carousel 들은 자바스크립트 안에 포함되어 있습니다.
슬라이드 js 라이브러리이기 때문에 js 폴더의 custom.js 파일을 열어보시게 되면
해당 캐러젤의 이름이 있을겁니다.
그럼 옵션값만 조절해주시면 캐러젤은 자동 조절됩니다.