반응형 코딩 질문이에요
본문
http://jeeum401.enterweb.co.kr/
밑의이미지는 윈도우사이즈를 800px이하일때 게시판 동그라미 썸네일을 감싸는 li한테 padding:10px 10px 0; 을 준 모습이 잘 출력이 되고있습니다
하지만 실제 모바일 디바이스로 보거나 크롬개발자도구로 toggle device toolbar를 이용해서 보면
미디어 쿼리가 적용이되지않은채 나옵니다
무엇이 문제일까요?? ㅠㅠ
갤러리 썸네일 이외에도 화면의 글씨도 마찬가지로 미디어쿼리를 먹지안더군요 ㅠㅠ
답변 2
지금 폰으로 보니 캡쳐와 동일하게 나오네요.
<meta name="viewport" content="width=device-width, initial-scale=1">
혹시모르니 메타태그 추가한번 해보시겠어요?
제가 봤을때는
screen and (max-width: 850px)
padding 10
screen and (max-width: 670px)
padding 30
적용이 되는 것 같은데
위 캡쳐는 850px 이상이지 않을까요?
답변을 작성하시기 전에 로그인 해주세요.