수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

반응형을 만드는 방법 ?

여자

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를 토글해줘도 될까요?
가능하다면 웹표준에 걸리나요? 궁금궁금합니다

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 하나 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

    가능은 하죠.. 어떻게 보면 간단하죠.. 하지만 소스가 너무 길어지죠....

번호 제 목 글쓴이 날짜
2694582 IE & 파이어폭스 (2) 흙이랑 2025-05-12
2694553 무비클립안의 duplicate 발동이 안돼네요; 딥보라 2025-05-12
2694523 자바 애플릿 질문좀 ^^ (6) 동이 2025-05-12
2694494 [질문] JAVA 또는 C++ 로 프로그램 개발시.. 레지스터리 등록 관련 의문점? (3) 우람늘 2025-05-11
2694469 익스6에서 css버그 나오는것 해결방법좀요 !!!! (6) 원술 2025-05-11
2694442 로컬에선 잘 나오는데 운영에 반영하면 이상하게 나와요. (8) 목화 2025-05-11
2694412 [질문] 이미지 로딩후 사이즈 조절할때 (1) 아담 2025-05-11
2694391 설치형 블로그 쓰시는 분들 어떤거 쓰세요?? (7) AngelsTears 2025-05-10
2694362 Microsoft SQL Server에서 서버만드는법 어둠 2025-05-10
2694333 for문으로 돌린 이름의 제어 (4) 레이 2025-05-10
2694308 이미지 css 도와주세요 ㅠㅠ (2) 애기 2025-05-10
2694223 [급질문]스크롤스파이의 offset값 진나 2025-05-09
2694195 li에 이미지 넣고 세로로 메뉴 구성하는 경우 (1) 예님 2025-05-09
2694167 canvas 질문요. (4) 찬늘봄 2025-05-08
2694136 왜 이렇게 나오는지 이해가 잘 가지 않네요. 부탁드리겠습니다... (2) 세련 2025-05-08
2694111 div , css 공부하고있는데요 잘모르겠어요.. 도와주세요 ㅠ_ㅠ (10) 모람 2025-05-08
2694035 작업관리자 창에.. CPU사용 현황처럼 만들고 싶습니다. (1) 다올 2025-05-07
2694004 Linux에서 java사용 (2) 한빛 2025-05-07
2693978 CS5.5 베타 버젼이라도 다운받을 수 있는 사이트 아세요? (4) 콩순 2025-05-07
2693922 프로그램 시간을 측정하는 클래스나 매써드.. (3) 꽃짱구 2025-05-06
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com