welcome section 질문입니다
330
14 câu hỏi đã được viết
선생님 안녕하세요~
다름이 아니라 .welcome 부분에 height:90vh;을 줬을 때 브라우저마다 높이의 차이가 있을 수 있나요?
엣지에서는 선생님께서 구현한 화면이랑 비슷하게 나오는데 크롬에서는 많이 다르게 나와서요 ㅠㅠ 아니면 제가 노트북으로 확인해서 다르게 보이는걸까요?
그리고 .btn부분도 똑같이 적용했는데 모양이 다르게 나옵니다ㅜㅜ 상하 패딩이 안먹히는 느낌이들어요
Câu trả lời 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
112
2
슬릭 슬라이더
1
181
2
position: fixed; 가 안먹혀요..뭐가 문제일까요?
1
186
1
반응형 fixed 안먹히는 문제
1
297
2
선생님
2
179
1
.news-thum .date 위치가 안맞아요
1
263
2
TypeIt - Welcome 부분이 적용이 안됩니다..
1
404
2
Scroll Reveal Animation 적용이 안되요
1
378
1
완성 후 각 섹션 display:none 주석 시 문제
1
419
3
브라우저를 줄일 때 화면 깨짐
1
667
2
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
1
360
1
제이쿼리 탭메뉴 클릭 질문
1
258
1
질문있습니다
1
561
1
질문있습니다.
2
678
2
슬릭슬라이더가 왜 안되는지 모르겠습니다
1
649
1
slick slider와 .ceo-content영역 겹침
1
745
1
span .badge 부분 참고하실분 하세요
2
353
1
플렉스를 안주고 그냥 패딩을 줘도 되지 않나요
1
351
1
창을 줄이면 위치가 이동되는 백그라운드 이미지
1
563
1
크롬창을 줄어들면 이미지가 작아짐
1
761
1
scroll behavior 오류
1
279
1
선생님 코딩좀 봐주세요..
1
427
3
왜 전 선생님과 화면이 다를까요?
1
391
3
따라했는데 이상합니ㅏㄷ..ㅠ
1
315
2