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

그건 안됩니다. 동여상은 16:9 비율을 유지하기 때문에 2가지 선택을 합니다.

첫째는, 다 보이지만 16:9 비율을 유지하니까 위아래가 매우 짧아지죠.

두번째는, 좌우가 다 보이지 않지만 viewport heigh로 위아래는 가득 채우는 방법.

둘중에 하나를 선택하는데 보통 2번재로 합니다.

모달창도 모바일에 맞게끔 하시려는거죠?

.modal-gnb의 css에서 width: 100% 로 되어 있으니까 모달창이 모바일에 딱 맞게 될거에요.
모달창 css는 미디어쿼리에서 특별히 해주실 부분이 없으실텐데요.

따로 조정해주실 부분은 .gnb a 의 폰트사이즈가 60px 이니까 아무래도 모바일에서 클 수 있어요..
이 폰트 사이즈만 줄바뀌지 않는 선에서 미디어쿼리 내에서 조정해주세요.
단, 미디어 쿼리 구문은 css의 마직에 있어야 합니다. 미디어쿼리 구문이 css 상단에 있으면 안됩니다.

ㅠㅠ  답변 정말 감사드립니다! 동영상 같은 경우는 모바일 전체에 딱 나오게끔 할 수 없나요?

감사합니다!! 마지막으로 여쭈어보고싶은게 있는데, 백그라운드동영상 재생 페이지를 랜딩페이지를 나의 포트폴리오 홈페이지 가기 클릭하게 해서  포트폴리오 페이지로 연결되게끔 연결하고싶은데, 기존 포트폴리오 페이지에 랜딩페이지 코드를 붙여넣기 해서 하니까 너무 복잡하더라구요.. 그래서 그냥 백그라운드 동영상 랜딩페이지에 나의 포트폴리오 보러가기라는 텍스트를 a로 태그로  서버에 올린 제 포트폴리오 주소만 기재해서 가게 만들어도 될까요? 같은html 코드로 한번에 안써도 되는지요...???? 번거롭게 자꾸 질문드려서 죄송합니다. ㅠㅠ