미디어 쿼리를 어떻게 제어 할 수 있습니까?

Question

나는 내 웹 사이트를 반응 적으로 만들려고 노력하고 있지만 브라우저 크기를 조정할 때마다 콘텐츠가 변경되고 엉망이되기 시작합니다. 나는 그것을 고치려고했지만 가능한 모든 차원을 고쳐야한다. 예를 들어 432px에 대한 미디어 쿼리를 설정하고 440px로 크기를 조정하면 어딘가에 여분의 불필요한 공백이 생길 수 있기 때문이다. div 및 컨테이너에 vh 및 vw를 사용하고 위치를 지정하기 위해 %를 사용하고 있습니다. 어쨌든, 미디어 퀴즈를 각 새로운 차원으로 설정해야한다면,이 여분의 노력을 피하기위한 트릭이 있는지 말해주세요. 당신이 유용한 답변을 얻으려면

Answer 1

당신은

//For extra small devices, phones 
@media (max-width: 480px) 

//For small devices, tablets 
@media (max-width: 768px) 

//For medium devices, desktops 
@media (max-width: 992px) 

//For large devices, wide screens 
@media (max-width: 1200px)