@media 쿼리를 올바르게 사용하려면 어떻게해야합니까?

Question

내 현재 웹 사이트의 레이아웃 : Screenshot 1

나는 사이트 중앙에 랩 ID로 사업부를 사용 :

#wrap { 
width: 70%; 
margin: 0 auto; 
} 

을하지만 지금은 분명 또한 나쁜 보이는 모바일에 70 %의 폭을한다 : SC2

미디어 쿼리를 사용해 보았습니다. 최대 장치 길이는 자체적으로 지정되었고, CSS 섹션 아래의 부트 스트랩 웹 사이트에도 있습니다. 매번 원래의 #wrap CSS 코드를 제거한 것입니다. ,하지만 전혀 효과가 없었습니다. 내 웹 사이트는 모든 웹 사이트에서 100 % 이용 될 것입니다. 장치와 심지어 모바일에서 70 %를 만들었지 만 (테스트와 마찬가지로) 랩 ID에 대한 CSS 코드가 전혀없는 것처럼 어디서나 동일합니다.

죄송합니다. 멍청한 질문이라면, 저는 분실되어 정말로 (태블릿 - 모바일) 브레이크 포인트에서 내 사이트를 100 % 만들고 싶습니다.

Answer 1

이 시도 : -

@media (min-width: 768px) { 
    .mymenu { 
     width: 20%; 
    } 
}