css 내 style 모바일과 pc 를 구분하기
본문
@media 로 구분하는 방식으로 하게 되면
모바일 픽셀로 입력되지 않은 값은 기존에 입력된 값으로 설정된다는 부분이 있죠..
예를
1024px에 style 5가지 입력.
768px에 style 3가지를 입력하면 나머지 2가지가 자동 적용되는 점이요..
그래서 css 내에서 pc와 모바일을 구분해서 style를 적용하고 싶은데 위에 선언해주는 함수 문의드립니다..
답변 1
PC / Mobile 연결되는 css 경로를 변경하시거나
미디어쿼리 구간을 설정할 수 있습니다.
도움이 되셨다면 채택 한번 부탁드립니다^^
@media screen and (min-width: 769px) and (max-width: 1480px){
html, body{font-size: 14px;}
}
미디어쿼리 구간을 설정할 수 있습니다.
도움이 되셨다면 채택 한번 부탁드립니다^^
답변 감사합니다.
구간을 선택하면 그 구간이 아닌 픽셀에서는 설정값이 적용 안되나요?
넵 맞습니다.
@media screen and (min-width: 769px) and (max-width: 1480px)
-> 이런식으로 작성하면 769px ~ 1480px 화면 사이즈에서만 css가 적용됩니다.
감사합니다.
다른분께서 css 내에서 모바일과 pc를 구분하는 함수를 적어주신 걸 봤는데..
이 방법은 생각을 못했네요.
답변을 작성하시기 전에 로그인 해주세요.
