<p class="se-text-paragraph se-text-paragraph-align- " id="SE-e39c05b5-0369-4946-a01b-75538e3d33e9" style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " id="SE-9b690588-1e68-4e9a-8f08-b672a028419e" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">pc에서 확인할때는 풀스크린 다 잘되는데 실제로 핸드폰 크롬으로 들어가보면 위에가 좀 비네요 원래 이런가요?
<p class="se-text-paragraph se-text-paragraph-align- " id="SE-5f64a9cb-16e5-4260-a0dd-3458f2e1ff5b" style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " id="SE-fc2877cd-94b5-4993-9666-086b1fa2a15a" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">​
<p class="se-text-paragraph se-text-paragraph-align- " id="SE-7faadb08-e64e-4553-b693-ea52a31dc392" style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " id="SE-c9b19eb6-e335-400a-b025-dcb3e5c81c1b" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">첫번째 사진처럼 상단에 주소창이 내려와있으면 딱맞는데 두번째 사진처럼 주소창이 없으면 위에 섹션이 보이게되네요.. 
<p class="se-text-paragraph se-text-paragraph-align- " id="SE-785417b5-8431-4fed-a87d-026ded156199" style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " id="SE-ad3faf73-5d09-4b84-889f-4728f0ed6aae" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">​
<p class="se-text-paragraph se-text-paragraph-align- " id="SE-136c3a0e-9acc-457a-a253-c250ac19c554" style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " id="SE-6ab35d27-f3d9-430d-a953-e4e29d33bedc" style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">스크롤 플러그인 사용해서 터치하면 한섹션씩 보이게 하려고했는데 그때도 두번째사진처럼 주소창이없으면 빌까봐 걱정되네요
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;"><img src="https://cdn.inflearn.com/public/files/posts/5f4663f7-6f08-44e7-8cfd-4afc4cb06c1a/Screenshot_20210516-202613_Chrome.jpg" title="Screenshot_20210516-202613_Chrome.jpg" width="1080" height="2220" alt="" />
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;">
<p class="se-text-paragraph se-text-paragraph-align- " style="margin: 0px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 0px; line-height: 1.8; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 돋움, dotum, sans-serif; vertical-align: baseline; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; background-color: #ffffff;"><span class="se-fs- se-ff- " style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: 15px; line-height: inherit; vertical-align: baseline;"><img src="https://cdn.inflearn.com/public/files/posts/1138f690-ff57-4dbf-99b5-cf54f0ee4521/Screenshot_20210516-202628_Chrome.jpg" title="Screenshot_20210516-202628_Chrome.jpg" width="1080" height="2220" alt="" />

헤더가 투명한 헤더인데 fixed 되어 있기 때문에 두번째 그림처럼 그 공간이 비는거에요.
그래서 헤더가 스크롤되면 헤더 디자인을 조금 변경해주셔야 해요.
예를들어 헤더가 스크롤되면 헤더 배경색이 화이트로 변하는 방식으로 해주세요.
&nbsp;<img src="https://cdn.inflearn.com/public/comments/e9578f1e-b719-47ce-8ac9-9216ae8531e9/workplace-reply-0518-01.PNG" title="workplace-reply-0518-01.PNG" width="416" height="738" alt="" />

인프런 커뮤니티 질문&답변

모바일 풀스크린 질문