반응형을 만드는 방법 ?
여자
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
가능은 하죠.. 어떻게 보면 간단하죠.. 하지만 소스가 너무 길어지죠....
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
| 2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
| 2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |
| 2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
| 2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
| 2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
| 2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
| 2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
| 2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
| 2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
| 2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
| 2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
| 2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
| 2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
| 2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
| 2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
| 2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
| 2699862 | scope넣기 (1) | 아인 | 2025-06-29 |
| 2699835 | exe로 만드는 방법을....알려주세요.. (5) | 방방 | 2025-06-29 |
| 2699809 | 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) | 반혈 | 2025-06-29 |