테스트 사이트 - 개발 중인 베타 버전입니다

css media 쿼리 질문이에용 채택완료

그때그언니 5년 전 조회 1,606

 

 

 

@media all and (min-width: 168px) and (max-width: 700px) {</p>

<p>

    .flexbox { 

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-start;

        /*align-items: space-between;*/

  

              }</p>

<p>    .paper-edge .edge {</p>

<p>        

    width: 100px;  /* 썸네일 크기에 영향 */

    height: 100px; /* 썸네일 크기에 영향 */

    padding: 4px;  /* 박스 사이 간격 */

    margin: 2px; /* 박스 사이 간격 */</p>

<p>    /*margin-bottom: 10px;*/</p>

<p>}</p>

<p>

}</p>

<p> </p>

<p>

 

 

모바일로 들어왔을 때 최근 게시물 이미지 사이즈를 줄이기위해 이렇게 해봤는데 

 

위쪽의     .flexbox  이건 먹히는데 아래쪽의     .paper-edge .edge { 이건 먹질 않아서

 

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

 

 

 

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

답변 1개

채택된 답변
+20 포인트
5년 전

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

그때그언니
5년 전
다른건 없는거 같아영
그때그언니
5년 전
일단 구문에는 문제가 없는건가여?
그때그언니
5년 전
오 찾았어요. INDEX에 상위 순위가 있었어요. 감사합니다.

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

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

로그인