반응형을 만드는 방법 ?
맛깔손
2023.04.01
■ 발생 문제에 대한 자세한 기술: 반응형을 만들어보고 싶어서 미디어 쿼리에 대해 찾아보고 있습니다.
보니까 만들어진 레이아웃에서 조건 분기된 css가 적용되는 방식이더라구요
width가 auto나 100%로 된다던가.. float를 none으로 한다던가 이런식으로
다른 방법도 있나 싶어서요 기존 레이아웃의 스타일을 먹이는거 말구
div id=GNB--PC!-- PC화면에서 GNB --/divdiv id=GNB--MOBILE!-- 모바일에서 GNB --/div
이런식으로 마크업을 작성하고 쿼리 분기해서 #GNB--PC나 #GNB--MOBILE의 display를 토글해줘도 될까요?
가능하다면 웹표준에 걸리나요? 궁금궁금합니다
-
둘삥
가능하죠. 스크립트로 플랫폼 사이즈를 구해서 body 태그에 특정 클래스가 붙게 한뒤, css 에서 그 특정클래스의 자손선택자로 css 를 제어하게만 해줘도 될것같구요. 멀티클래스같은 속성을 쓰셔도 되구요.
-
캔서
??
-
너만
현대 pr검색해 보세요. 스크립트로 해상도 구해서 처리한건데 저렇게 마크업을 분기로 처리한건 아님
분석한지 오래되서 기억이 가물가물하네요
주소가 pr.hyundai.com이였나 -
Sweet
혹시 아시는 사이트들 중에 이렇게 마크업을 짠 반응형 사이트 아시면 남겨주시면 감사하겠습니다들
-
내담
소스가 길어지는거만 빼면 큰 지장은 없는거죠 ?? 흠..
-
레나
가능하고 문제없습니다.
-
바로찬글
아 그렇네요 .. 감사합니다
-
아롱별
가능은 하죠.. 어떻게 보면 간단하죠.. 하지만 소스가 너무 길어지죠....
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2702487 | 저작권관련 긴급질문요~ (6) | 지희 | 2025-07-23 |
| 2702459 | 최근 포트폴리오 부분 질문드려요 | 흰가람 | 2025-07-23 |
| 2702431 | 플래시9에서 lite는 얼마나 발전할까요? (6) | 자올 | 2025-07-23 |
| 2702375 | mvc패턴 게시판 ..........아힘들어요 고수님들좀상세히도와주세요;; (3) | 냐하 | 2025-07-22 |
| 2702317 | ie6메뉴 보더문제 (3) | VanilLa | 2025-07-22 |
| 2702287 | c++ 변수 중간값 뽑아내서 비교하는 법 | 헛장사 | 2025-07-21 |
| 2702258 | AS2,0 함수에서 매개변수의 타입이 각각 다를때는? (5) | 하림 | 2025-07-21 |
| 2702228 | 이 표현은 무엇인지... 몰라서요. (2) | 도란도란 | 2025-07-21 |
| 2702197 | dll 인젝션 사용법좀 알려주세요 | 새밝 | 2025-07-21 |
| 2702147 | dd 안에 div들어가도 되나요? (8) | 꿈 | 2025-07-20 |
| 2702086 | [질문]세션 박스 질문입니다. (1) | 하연 | 2025-07-20 |
| 2702057 | 씨언어 숙재좀 풀어주실분 ㅜ.ㅜ (3) | 난슬 | 2025-07-19 |
| 2702000 | select 사용시 label 문제 질문드립니다. | 김예쁨 | 2025-07-19 |
| 2701970 | 실행파일의 이름은 어디서 변경하는지요???? | 호빵녀 | 2025-07-19 |
| 2701856 | 다시 한번 대체텍스트 관련 질문입니다.. (1) | 한샘가온 | 2025-07-18 |
| 2701803 | 저에게 지식의 자비를~ 베푸소서~!! (4) | 봄바람 | 2025-07-17 |
| 2701773 | 메모장 파일을 읽고 출력하는 내용에 관한 질문입니다. | 한국드립 | 2025-07-17 |
| 2701748 | 아이피 변경 부분이요... | 날애 | 2025-07-17 |
| 2701665 | 자바스크립트 // 왜 if 두개를 쓰면 오류가 나죠? (2) | 글리슨 | 2025-07-16 |
| 2701636 | 모바일웹 게시판 만들기 조언좀 부탁드려요 ㅜㅜ (2) | 정훈 | 2025-07-16 |