css media 쿼리 질문이에용
본문
@media all and (min-width: 168px) and (max-width: 700px) {
.flexbox {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
/*align-items: space-between;*/
}
.paper-edge .edge {
width: 100px; /* 썸네일 크기에 영향 */
height: 100px; /* 썸네일 크기에 영향 */
padding: 4px; /* 박스 사이 간격 */
margin: 2px; /* 박스 사이 간격 */
/*margin-bottom: 10px;*/
}
}
모바일로 들어왔을 때 최근 게시물 이미지 사이즈를 줄이기위해 이렇게 해봤는데
위쪽의 .flexbox 이건 먹히는데 아래쪽의 .paper-edge .edge { 이건 먹질 않아서
이미지 사이즈가 줄어들지를 않습니다. 어떻게 해야할까요??
!-->
답변을 작성하시기 전에 로그인 해주세요.