나는 놀라운 동료의 도움으로 문제가 발견되었음을 모든 사람에게 알리고 싶었습니다. 방금 개발자 도구를 통해 다른 사람의 문제를 확인했는데 동일한 문제가 있으며 내 방식과 동일한 방식으로 해결할 수 있습니다.
어떻게 이런 일이 일어 났는지 모르겠지만 신비한 div 요소가 내 <head> 섹션에 들어갔습니다.
범인은 다음과 같습니다.
<div class="fit-vids-style">
<style>
.fluid-width-video-wrapper {
width: 100%; position: relative; padding: 0; }
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;} </style></div>
나는 너무 오래 전에 사이트를 디자인하여 어떻게 거기에 도착했는지 기억할 수 없지만 이제는 문제를 일으키기 시작하는 것이 이상하다는 것을 알았습니다. 스크립트는 custom.js 였기 때문에 아마 그것을 추가 한 것이 잘못되었을 것입니다. 스크립트의 출처가 배치 지침에 잘못되었는지 확실하지 않습니다.
메타 <head>에 있으면 안되는 div를 제거했으며 모든 텍스트가 이제 정상적으로 작동하고 반응 형 비디오가 제거의 영향을받지 않았습니다.
이것이 다른 사람에게 도움이되기를 바랍니다.
편집하다.
분명히 Genesis Studio Press는 Genesis Media Project라는 모듈 / 플러그인을 추가하여 동일한 스크립트가 메타 헤더 영역에 해당 div를 추가하는 "fit-vids"를로드하도록합니다. 테마의 문제를 해결하려면 FTP를 통해 사이트에 액세스하고 해당 플러그인 폴더에 .old를 추가하십시오.
- 문제 해결됨!
한 가지 더 참고 :
-------------------분명히 이것은 PC 버전의 Chrome에만 영향을 미쳤습니다.
.clearfix:after {
/* visibility: hidden; */
여기에 문제가 있습니다. 이유를 정확히 모르지만이 규칙을 삭제하고 확인하십시오.
-------------------Chrome에서 직접 문제를 재현 할 수는 없지만 CSS에 대해 궁금한 점이 있습니다. 다음이 있습니다.
#top-navigation {
display: inherit !important;
}
어딘가에 디스플레이를 아무것도 설정하지 않기 위해 무언가가 발사되고 있는지 궁금합니다. 그리고 그것은 상단 탐색 요소로 흘러 내리고 있습니다.
출처
https://stackoverflow.com/questions/22009808