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 { 이건 먹질 않아서
이미지 사이즈가 줄어들지를 않습니다. 어떻게 해야할까요??
답변 1
다른 우선순위 css가 있는건 아닌지 확인해보셨나요?
다른건 없는거 같아영
일단 구문에는 문제가 없는건가여?
오 찾았어요. INDEX에 상위 순위가 있었어요. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.