css media query 질문드려요

Question

css 미디어쿼리에서 width 관련 코드사용시 해당 width값을 특정값이 항상적용되게 가능할까요?

@media (min-width: 700px) {

    ...

}

@media (min-width: 1400px) {

    ...

}

위와 같은 코드가 있을 경우 브라우저 크기과 상관없이 min-width:1400px안의 css가 적용되도록 하고 싶습니다. meta태그 viewport에서 width값을 고정으로 해봐도 적용이안되네요.

세크티 · Answer

부트스트랩5 사용중입니다. 소스수정없이 미디어쿼리의 max-width min-width의 width값이 항상 2000px이상인것처럼 적용되도록 하려고했습니다. 부트스트랩의 그리드나 기타 기능은 모두 이용하면서 반응형부분만 빼려구요. viewport이용해서 해결했습니다. 감사합니다.

Feelz996 · Answer

해당 css 구문을 미디어 쿼리 안에서 빼내시면 됩니다.

빼내시고 미디어 쿼리 내부에 해당 객체를 컨트롤 하는 css를 지워주셔야 제대로 작동할거에요.

eyekiss · Answer

@media (min-width: 700px) {

    ...

}

부분을 삭제하면 되지 않을까요??

NDWEB · Answer

브라우저 크기와 상관없이 적용되어야 한다면 미디어쿼리를 적용하지 않으면 되지 않을까요?

css media query 질문드려요

답변 4개

공유하기