최근 GitHub-jeffdill2.github.io/portfolio에서 호스팅 한 개인 사이트를 가리키는 jeffreydill.com 도메인을 설정했습니다. GoDaddy 도메인이고 가면 도메인 전달을 사용하고 있습니다.마스크 된 도메인 포워딩을 수행 할 때 CSS 미디어 쿼리가 깨지는 것을 방지합니다.
그러나 전달 된 주소 (jeffreydill.com)를 사용하면 모든 CSS 미디어 쿼리가 중단됩니다. 방금 jeffdill2.github.io/portfolio라는 실제 도메인으로 바로 가면 모든 것이 올바르게 작동합니다.
도움을 주시면 감사하겠습니다. 감사!
좋아요, 문제를 발견했습니다. 당신이 마스킹 옵션을 사용하여에서 GoDaddy에서 도메인 포워딩을 수행 할 때
는, 당신은 에 전달하고있는 페이지는에서 을 전달하고있는 페이지에 iframe이 내부에 표시됩니다. iFrame 내부에 표시되기 때문에 뷰포트의 크기에 응답하지 않아 미디어 쿼리를 쓸모 없게 만듭니다.
왜 CSS 파일의 전체 링크를 사용하지 않으시겠습니까? 모든 친척을 변환합니다 이것은 URL 경로 당신에 링크 : 그래서 ...
당신의 다음 옵션은 기본 메타 (http://www.w3schools.com/tags/tag_base.asp 여기 정보)를 사용하는
<link rel="stylesheet" href="http://jeffdill2.github.io/portfolio/styles/vendor.css">
어떤 방법, 당신이 원하는하지 않을 수 있습니다합니다 필요.
글쎄, CSS를로드하지 실제로 문제가되지 않습니다. CSS가 제대로로드 중입니다. 그것은 작동하지 않는 미디어 쿼리 일뿐입니다. – jeffdill2
기본 메타를 사용할 수있는 이유가 있습니다. – GramThanos
다시 말하지만, 경로 지정은 문제가 아닙니다. – jeffdill2