css media query 질문드려요
본문
css 미디어쿼리에서 width 관련 코드사용시 해당 width값을 특정값이 항상적용되게 가능할까요?
@media (min-width: 700px) {
...
}
@media (min-width: 1400px) {
...
}
위와 같은 코드가 있을 경우 브라우저 크기과 상관없이 min-width:1400px안의 css가 적용되도록 하고 싶습니다. meta태그 viewport에서 width값을 고정으로 해봐도 적용이안되네요.
답변 4
브라우저 크기와 상관없이 적용되어야 한다면 미디어쿼리를 적용하지 않으면 되지 않을까요?
@media (min-width: 700px) {
...
}
부분을 삭제하면 되지 않을까요??
해당 css 구문을 미디어 쿼리 안에서 빼내시면 됩니다.
빼내시고 미디어 쿼리 내부에 해당 객체를 컨트롤 하는 css를 지워주셔야 제대로 작동할거에요.
부트스트랩5 사용중입니다. 소스수정없이 미디어쿼리의 max-width min-width의 width값이 항상 2000px이상인것처럼 적용되도록 하려고했습니다. 부트스트랩의 그리드나 기타 기능은 모두 이용하면서 반응형부분만 빼려구요. viewport이용해서 해결했습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
