지킬/부트 스트랩 사이트에서 항상 CSS가 올바르게 렌더링되지 않는 경우

Question

지킬 3.0.1 및 부트 스트랩 3으로 사이트를 구축하고 있습니다. 변경 사항을 수정하고 페이지를 새로 고치면 CSS 무작위로 끊어집니다. 예를 들면 다음과 같습니다. 1) 부트 스트랩에서 내 스타일로 링크 색상을 재정의했습니다 (부트 스트랩 파일을 편집하지 않음). 2) 동일한 페이지의 UL을 표시하도록 변경합니다 : 인라인 블록 및 # 1의 맞춤 링크 색상이 사라집니다.

분명히이 두 항목은 완전히 관련이 없기 때문에 HTML을 검사하고 다시 검사하여 잘못 중첩 된 것이 없는지 확인했습니다. 같은 종류의 일들이 다른 곳에서도 일어나고 있습니다 (즉, 무언가의 테두리 색을 변경하면 갑자기 특정 div가 렌더링되지 않습니다). 내가 추측 할 수있는 유일한 점은 CSS가 제대로 또는 전체적으로 가져 오지 못한다는 것입니다. 그러나 저는 잘 모릅니다.

현재 도움이된다면 Firefox에서 작업하고 있습니다.

적어도이 말은 매우 실망스럽고 이전에는 이런 일이 발생하지 않았습니다. 누구도 이와 같은 것을 발견하지 못했고 어떤 제안이 있었습니까 ??

Answer 1

캐싱 문제가 발생했습니다. 때로는 특정 파일이 캐싱되면 이상한 이유로 인해 기본 CSS가로드됩니다. 사이트를 개발할 때이 문제에 직면하고 있습니다. 이것이 당신을 위해 해결되었는지 모르겠지만 귀하의 CSS 링크에 매개 변수를 추가하면 귀하의 CSS가 캐싱되지 않습니다.

<link rel="stylesheet" type="text/css" href="http://example.com/style.css?r=1"> 

? r = 1을 추가하면 캐싱을 방지 할 수 있습니다. 크롬을 사용하고 캐싱 자체를 비활성화하고 문제가 지속되는지 확인할 수도 있습니다.

오른쪽 하단의 개발자 도구 (F12 또는 Ctrl-Shift-J)를 열고 Gear check cache를 비활성화하십시오.

어쩌면 매개 변수가 문제를 해결할 것입니다. 사람들이 귀하의 웹 페이지를 방문 할 때마다 사람들이 귀하의 CSS를 다시로드해야하기 때문입니다.