테스트 사이트 - 개발 중인 베타 버전입니다

모바일 버전에서 http와 https로 접속할 때 css가 깨지는 이유... 채택완료

qwqweqwe 6년 전 조회 3,253

모바일 버전에서 http와 https로 접속할 때 css가 깨지는 이유...가 뭘까요..

 

http는 모바일 화면이 잘 보이는데 https로 접속하면 css가 깨져서 그런지 뷰가 이상하네요..

 

http https 둘다 css를 적용하려면 어떻게 해야되나요..?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
베원
6년 전

css 경로가 http:// 로 시작하는 것들을 //로 변경해보세요.

예를 들어, http://naver.com/style.css => //naver/style.css

 

//는 http일때는 http로, https일때는 https로 연결한다는 의미입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

f
6년 전

</p>

<p><link rel="stylesheet" href="<a href="<a href="https://sir.kr/css/font-awesome.min.css" target="_blank" rel="noopener noreferrer">https://sir.kr/css/font-awesome.min.css</a>" rel="noreferrer noopener" target="_blank">//도메인.com/css/font-awesome.min.css</a>"></p>

<p>

이런식으로 도메인 앞을 //로 바꿔주세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

티로그
6년 전

https에서 http 로 css 파일을 불러오면 막힙니다. css 도 https로 불러와야 해요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인