이전 목록 다음
채택완료

css media 쿼리 질문이에용

그때그언니
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-09-07 (월) 22:50:51 1,769
Copy 
@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 { 이건 먹질 않아서

이미지 사이즈가 줄어들지를 않습니다.  어떻게 해야할까요??

그누보드5
|

답변 1개 / 댓글 3개

채택된 답변
+20 포인트
블블랙캣77
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-09-07 (월) 22:54:58

다른 우선순위 css가 있는건 아닌지 확인해보셨나요?

답변에 대한 댓글 3개

그때그언니
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-09-07 (월) 22:57:32
다른건 없는거 같아영
그때그언니
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-09-07 (월) 22:57:43
일단 구문에는 문제가 없는건가여?
그때그언니
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-09-07 (월) 23:03:10
오 찾았어요. INDEX에 상위 순위가 있었어요. 감사합니다.

답변을 작성하려면 로그인이 필요합니다.