반응형을 만드는 방법 ?
여자
2023.11.23
■ 발생 문제에 대한 자세한 기술: 반응형을 만들어보고 싶어서 미디어 쿼리에 대해 찾아보고 있습니다.
보니까 만들어진 레이아웃에서 조건 분기된 css가 적용되는 방식이더라구요
width가 auto나 100%로 된다던가.. float를 none으로 한다던가 이런식으로
다른 방법도 있나 싶어서요 기존 레이아웃의 스타일을 먹이는거 말구
div id=GNB--PC!-- PC화면에서 GNB --/divdiv id=GNB--MOBILE!-- 모바일에서 GNB --/div
이런식으로 마크업을 작성하고 쿼리 분기해서 #GNB--PC나 #GNB--MOBILE의 display를 토글해줘도 될까요?
가능하다면 웹표준에 걸리나요? 궁금궁금합니다
-
하나 2023-11-23
가능하죠. 스크립트로 플랫폼 사이즈를 구해서 body 태그에 특정 클래스가 붙게 한뒤, css 에서 그 특정클래스의 자손선택자로 css 를 제어하게만 해줘도 될것같구요. 멀티클래스같은 속성을 쓰셔도 되구요.
-
다은 2023-11-23
??
-
장미 2023-11-23
현대 pr검색해 보세요. 스크립트로 해상도 구해서 처리한건데 저렇게 마크업을 분기로 처리한건 아님
분석한지 오래되서 기억이 가물가물하네요
주소가 pr.hyundai.com이였나 -
4차원 2023-11-23
혹시 아시는 사이트들 중에 이렇게 마크업을 짠 반응형 사이트 아시면 남겨주시면 감사하겠습니다들
-
로지 2023-11-23
소스가 길어지는거만 빼면 큰 지장은 없는거죠 ?? 흠..
-
Sonya 2023-11-23
가능하고 문제없습니다.
-
눈내리던날 2023-11-23
아 그렇네요 .. 감사합니다
-
엄빠몬 2023-11-23
가능은 하죠.. 어떻게 보면 간단하죠.. 하지만 소스가 너무 길어지죠....