CSS 응답 젠토

Question

I 해요이 웹 사이트에 젠토 테마의 반응 버전을 만드는 작업 https://makedaadolls.com/store/

이유는 html 태그가 여전히 폭 980 픽셀이, 750px 이상 내 방 창문이 적은 크기를 조정할 때?

여기 내 CSS 규칙입니다.

@media only screen and (max-device-width: 750px) and (min-device-width: 320px){ 
    html { 
     width: 100%; 
     max-width: 750px; 
    } 
} 

Answer 1

당신은 당신의 사이트 헤더에 적어도 반응 메타 태그를 필요

<meta name="viewport" content="width=device-width, initial-scale=1">

그런 다음 당신은 당신의 헤더와 주요 탐색도 반응하는 있는지 확인해야합니다 (그들은 현재 그렇지 않다). 기본적으로 이것은 모든 컨테이너가 너비 대신 최대 너비를 가져야 함을 의미합니다. 이 경우 미디어 쿼리를 사용하여 html을 반응 적으로 설정할 필요가 없습니다.