welcome section 질문입니다
310
작성한 질문수 14
선생님 안녕하세요~
다름이 아니라 .welcome 부분에 height:90vh;을 줬을 때 브라우저마다 높이의 차이가 있을 수 있나요?
엣지에서는 선생님께서 구현한 화면이랑 비슷하게 나오는데 크롬에서는 많이 다르게 나와서요 ㅠㅠ 아니면 제가 노트북으로 확인해서 다르게 보이는걸까요?
그리고 .btn부분도 똑같이 적용했는데 모양이 다르게 나옵니다ㅜㅜ 상하 패딩이 안먹히는 느낌이들어요
답변 2
1
vw;
vh; 속성들은
디바이스 너비 혹은 브라우저 높이값에서 퍼센트로 계산하겠다는 뜻입니다.
이는 해상도에 대한 이해가 조금 필요해용 '-'!
만약 글쓴이님의 디바이스나 브라우저 높이 값이 100px 인데
90vh를 사용하셨다면 90px이되는 것이구요
강사님 디바이스 혹은 브라우저 높이값이 1000px이라면 90vh;의 기준은 900px이 될거에요.
.
.
또한 css들은 특히 크롬은 웹표준성에 근거하여 최신 css까지 적용되나
엣지나 ie는 지원되지 않는 css가 있습니다.
가장 정확하게 보시려면 크롬을 기준으로 보셔야 할거에요.
노트북은 화면은 일반 1920*1080 너비 모니터에 비해서 작을 수 있으니
강사님과 크기 차이가 있을 수 있어욥!
참고용 링크 드립니당 뿅
https://programming119.tistory.com/93
https://nykim.work/85
https://mber.tistory.com/48
0
무웅 님~ 답변 감사합니다.
글로만은 알 수 없으니 ohl0226 님 화면캡쳐 올려보세요.
0
선생님 본문에 화면캡쳐 사진 올렸습니다!
참고로 font-size는 제가 reset.css에서 0.625em(10px)로 적용을 해서 1.8rem을 추가로 넣었습니다
하드코딩으로 이미지맵(image map) 만들기
1
78
2
슬릭 슬라이더
1
147
2
position: fixed; 가 안먹혀요..뭐가 문제일까요?
1
167
1
반응형 fixed 안먹히는 문제
1
264
2
선생님
2
153
1
.news-thum .date 위치가 안맞아요
1
244
2
TypeIt - Welcome 부분이 적용이 안됩니다..
1
368
2
Scroll Reveal Animation 적용이 안되요
1
362
1
완성 후 각 섹션 display:none 주석 시 문제
1
384
3
브라우저를 줄일 때 화면 깨짐
1
631
2
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
1
340
1
제이쿼리 탭메뉴 클릭 질문
1
236
1
질문있습니다
1
547
1
질문있습니다.
2
646
2
슬릭슬라이더가 왜 안되는지 모르겠습니다
1
620
1
slick slider와 .ceo-content영역 겹침
1
719
1
span .badge 부분 참고하실분 하세요
2
332
1
플렉스를 안주고 그냥 패딩을 줘도 되지 않나요
1
329
1
창을 줄이면 위치가 이동되는 백그라운드 이미지
1
531
1
크롬창을 줄어들면 이미지가 작아짐
1
742
1
scroll behavior 오류
1
263
1
선생님 코딩좀 봐주세요..
1
398
3
왜 전 선생님과 화면이 다를까요?
1
363
3
따라했는데 이상합니ㅏㄷ..ㅠ
1
290
2