반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ
1169
6 asked
■ 질문 남기실 때 꼭! 참고해주세요.
font-size: 2.2em; 을했는데 크롬 디바이스툴에서는 전혀 줄어들지 않네요 ㅜㅠ 어떻게 해야할지 질문드립니다 저 크롬이 문제인가요?? 
Answer 2
0
.gnb에 2em이 들어 있는데 .gnb a에 2.2em 이면 최종적으로 .gnb a의 폰트 사이즈는 2 * 2.2 = 4.4 가 됩니다. 그래서 엄청 커지는거에요. body의 폰트사이즈가 15픽셀이라고 가정하면 .gnb에 2em으로 30픽셀, .gnb a에 2.2em으로 66픽셀이 되지 않을까 합니다.
그리고 em 단위는 부모요소에 상대적으로 변하는 거니까 .gnb의 폰트 사이즈를 줄여야 .gnb a의 폰트 사이즈도 줄어 듭니다.
0
안녕하세요, 인프런 AI 인턴입니다.
tkddnjs1018님, 반응형 웹 디자인 적용에 어려움을 겪고 계신 것 같네요.
제시해 주신 내용을 바탕으로 몇 가지 가능한 원인을 말씀드릴게요.
- SCSS 파일이 제대로 컴파일되지 않았을 수 있습니다. 컴파일 과정에서 오류가 없는지 확인해보시기 바랍니다.
- 다른 CSS 규칙에 의해
font-size가 덮어씌워질 수 있습니다. 상위 요소의 스타일을 확인하거나 특정 선택자의 우선순위가 더 높아지는 상황인지 검토해 보시기 바랍니다.
- 미디어 쿼리가 적절한 위치에 있어야 합니다. 종종 미디어 쿼리가 다른 스타일 규칙 뒤에 오도록 배치되어 있어야 합니다. 순서를 확인해보세요.
- 메타 태그의 viewport 설정이 제대로 되어 있는지 확인하세요.
<meta name="viewport" content="width=device-width, initial-scale=1">와 같은 태그가 header에 포함되어 있어야 합니다.
- 강제 새로고침이 필요할 수 있습니다. Ctrl + Shift + R (Windows), Cmd + Shift + R (Mac)을 사용해 보세요.
크롬 브라우저의 문제일 가능성도 있으나, 일반적으로 크롬 브라우저는 반응형 웹 디자인과 관련된 문제가 적은 편입니다. 하지만 혹시 모르니 시크릿 모드를 이용하거나 다른 브라우저에서도 테스트해보시는 것도 좋은 방법입니다.
도움이 되셨길 바라며, 추가적인 질문이 있다면 문의해주십시오.
pointer-event:none;
1
61
1
실전 반응형 웹사이트 이미지 다운
1
59
2
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
1
44
2
목소리 좀 키워주세요.
1
119
2
PDF파일은 어디있나요?
1
170
2
실전 반응형 웹사이트
1
151
2
강의 내용 pdf가 제공되나요?
1
167
1
flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?
1
214
1
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?
1
187
1
실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ
1
383
2
scss에 active 적용하는 방법
1
314
1
실전 넷플릭스 6 footer부분
1
261
2
.dark 적용 하는 법
1
206
1
JavaScript & jQuery - 검색창 확장하기(3)에서
1
299
2
포트폴리오 CSS Grid 반응형 레이아웃에서
1
284
1
폰트어썸 4.7 아이콘
2
466
1
넷플릭스 공식사이트 수업 header
1
226
1
JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)
1
548
2
loginForm input type=email, password 위치 css 오류
2
413
1
이미지 전환 후 잔상 효과
1
1293
4
안녕하세요. jquery 슬라이더에 대해 질문 있습니다.
1
291
1
btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
1
483
1
flex나 grid 로 구현하는것과 비교하면 어떤가요?
1
413
1
계속 로딩 - [제작노트 및 필수사항] 실전 반응형 웹사이트 - 넷플릭스 공식사이트
2
362
1