pc퍼스트일 때 미디어쿼리
-
게시물 수정 , 삭제는 로그인 필요
초보 웹퍼블리셔 입니다.
연습하던 시기에는 rem 단위를 쓰면서 미디어 쿼리에 px를 사용했는데요.
물어볼데도 없고, 그래도 잘 되서 그냥 그렇게 사용했는데.
이번에 알게된 사실이 rem을 쓰면 미디어 쿼리에서 em을 사용해 줘야 한다더군요.
모바일 퍼스트에서는 무리가 없이 적용을 할 것 같은데.
지금 pc 시안만 있어서 pc 퍼스트로 작업을 해야하는데.
html에 62.5%를 놓고 쓰는 것 부터 머리가 아프네요.
pc에서 저렇게 놓고 작업을 하니
모바일에서 18% 대까지 내려가야 적정한 사이즈가 되는데. 이렇게 해도 되는건가 싶고.
미디어 쿼리에서 max-width를 사용하면 크로스 브라우징에 좋지 않다고
min-width만을 사용하라고 하는데 저렇게 사용하면 덮어써지는게 아니라 시작부터 모바일 사이즈로 축소된 것으로 보이네요.
제발 도움을 좀 주세요 ㅠ.ㅠ
1. html에서 폰트사이즈가 모바일에서 18%까지 내려가도 되는지.
2. pc 퍼스트로 min-width를 em으로 어떻게 적용이 가능한건지.
아니면 어떻게 작업을 해야하는지....
초보 웹퍼블리셔 입니다.
연습하던 시기에는 rem 단위를 쓰면서 미디어 쿼리에 px를 사용했는데요.
물어볼데도 없고, 그래도 잘 되서 그냥 그렇게 사용했는데.
이번에 알게된 사실이 rem을 쓰면 미디어 쿼리에서 em을 사용해 줘야 한다더군요.
모바일 퍼스트에서는 무리가 없이 적용을 할 것 같은데.
지금 pc 시안만 있어서 pc 퍼스트로 작업을 해야하는데.
html에 62.5%를 놓고 쓰는 것 부터 머리가 아프네요.
pc에서 저렇게 놓고 작업을 하니
모바일에서 18% 대까지 내려가야 적정한 사이즈가 되는데. 이렇게 해도 되는건가 싶고.
미디어 쿼리에서 max-width를 사용하면 크로스 브라우징에 좋지 않다고
min-width만을 사용하라고 하는데 저렇게 사용하면 덮어써지는게 아니라 시작부터 모바일 사이즈로 축소된 것으로 보이네요.
제발 도움을 좀 주세요 ㅠ.ㅠ
1. html에서 폰트사이즈가 모바일에서 18%까지 내려가도 되는지.
2. pc 퍼스트로 min-width를 em으로 어떻게 적용이 가능한건지.
아니면 어떻게 작업을 해야하는지....