모바일 시 틀 간격 조절이 안됩니다.
관련링크
본문
1번은 css 코드에서 5px 로 설정이 잘 되는데 2번에서는 적용이 안되고 있어 문의 드립니다.
221번 코드에서 수정을 하는대도 적용이 안되네요... 어딜 또 수정해야할까요?
@media screen and (max-width: 480px) {
.main_visual { height: auto; min-height: 100vh; }
.main_visual .container { height: auto; min-height: 100vh; padding-bottom: 20px; }
.main_visual .column:first-child { border-top: 0; }
.main_visual .column { min-height: auto; height: auto; padding: 30px 0; border-top:1px solid rgba(255, 255, 255, .4)}
.main_visual .boxcon_inner { padding: 0 15px; }
.main_visual .title strong span { font-size: 28px; }
.main_visual .title p { font-size: 16px; }
.main_visual .tit strong{ font-size: 30px; margin: 0 0 30px;}
.main_visual .cont > ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main_visual .cont > ul > li { width: calc(50% - 5px); margin: 0 0 10px; }
.main_visual .cont > ul > li > a { font-size: 16px; height: 50px; line-height: 48px; }
.main_visual .inner { height: auto; }
.main_visual .boxcon .inner { top: 0; transform: none; -webkit-transform: none; }
}
답변 1
/theme/sampl134/css/layout.css line 221
@media screen and (max-width: 480px) {
.main_visual .cont > ul > li {
/* width: calc(50% - 5px); */
/* margin: 0 0 10px; */
}
}
기능을 꺼야한다는 말씀인가요?
.main_visual .cont > ul > li { /* width: calc(50% - 5px); */ /*margin: 0 0 10px; */ }
이렇게 넣으면 될까요?
/theme/sampl134/css/layout.css
에서 라인 221 즈음에 보시면
@media screen and (max-width: 480px) {
.main_visual .cont > ul > li {
width: calc(50% - 5px);
margin: 0 0 10px;
}
}
이렇게 되어 있는 부분을 수정하라는 것입니다.
네 그 소스에 라인 221즘에서 수정하고 있는데 버튼 3개는 적용이 되는데 4번째 박스가 적용이 안되고 있어서 문의 남긴거에요 index 파일에서 li 코드가 3개였는데 1나 그냥 더 복사 붙이기 했었거든요....
아직 수정이 안 되어 있습니다.
일단 수정부터 해 보세요.
지금 모바일 제대로 나옵니다.
감사합니다. /* */ 이 뜻이 기능을 못쓰게 하는건가요? 적용했더니 잘 나오네요..ㅎ
채택 감사 합니다.
답변을 작성하시기 전에 로그인 해주세요.
