모바일에서 정렬갯수ㅠㅠ 채택완료
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
CSS
@media screen and (max-width:768px) { /* section style */ .wr-section {padding:10px 0} .wr-section > .inner {padding:0 10px} .wr-section > .inner > .title {margin-bottom:40px} .wr-section > .inner > .title h2 {font-size:18px} .wr-section > .inner > .title p {font-size:13px; width:100%} /* column style (mobile) */ .col-sm-1 {margin-left:0; margin-right:0} .col-sm-1 > li {width:100%; padding-left:0 !important; padding-right:0 !important} .col-sm-2 > li {width:47%;list-style: none} .col-sm-3 > li {width:30%;list-style: none} .col-sm-4 > li {width:25%} .col-sm-5 > li {width:20%} .col-sm-6 > li {width:16.666666666%} .col-sm-7 > li {width:14.2857142%} .col-sm-8 > li {width:12.5%} .col-half {max-width:100%}
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
1. 모바일에서 볼때
가로 2개씩 보여지게 썼는데
실제로 보면 1개씩만 나오네요, 아무리 수정해도 안되요, 어디를 고쳐야 할까요ㅠㅠ
그리고
2. 링크한 페이지를 PC에서 보시면 첫번째 배너밑에 "이달의 이벤트" 라고 텍스트로 쓴부분이 깨져서 나와요
그래서 다른데는 이미지로 대체해본건데 텍스트가 정상적으로 나올 방법이 있을까요?? ㅜㅜ 왜 깨지지요
답변 3개
bootstrap 사용 하셨는데 임의적으로 수정 하셨나 보네요 max-width 768px 이하의 미디어 쿼리가 있는지 한번더 확인 해 보세요
댓글을 작성하려면 로그인이 필요합니다.
부트스트랩은 768 이하가 따로 존재하지않기때문에 480 아래로 하나 만드시면 될꺼같으세요.
댓글을 작성하려면 로그인이 필요합니다.
부트스트랩 미디어쿼리... theme/테마명/css 폴더들어가시면 부트스트랩.min.css 있을꺼에요
거기서 .col-lg-2 이거 검색해보세요 그러면 css 나올텐데
50% 안먹히면 편법으로 50% !important 사용해보셔용
유레카님말처럼 768 이하 미디어쿼리없으면 480 으로 하나더 만들어서 넣으세요 ㅎㅎ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
