Magnificent 팝업 이미지가 너무 큽니다.

누군가 WordPress에 나를 위해 제작 한 콘텐츠에 약간의 문제가 있습니다. 물론 그들은 돈을 받고 도망 갔기 때문에 나는 어떤 일이 일어나고 있는지 알 수 없다. 데스크톱에서는 괜찮은 것 같습니다. 그러나 모바일에서는 Magnific Popup이 제대로 작동하지 않습니다. 화면 크기에 반응하지 않고 전체 너비로 이미지를 표시합니다. 나는 이미지 자체를 더 작게 만들고 싶지 않다. 왜냐하면 그 이미지가 데스크톱에서는 작을 것이기 때문이다. 내가 크롬에 검사 할 때 이 내가 그것을 가지고있는 코드 :Magnificent 팝업 이미지가 너무 큽니다.

  <div class="mfp-content"><div class="mfp-iframe-scaler"><button title="Close (Esc)" type="button" class="mfp-close">×</button><iframe class="mfp-iframe" src="test.jpg" frameborder="0" allowfullscreen=""></iframe></div></div> 
#document 
<html><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"><title>test.jpg (900×506)</title></head><body style="margin: 0px;"><img style="-webkit-user-select: none" src="test.jpg"></body></html>

실제 소스 코드를 말한다 그러나 : 나는 여러 시도하는 방법과 전화를 시도

<div class="attribute-media-wrap"> 
             <a href="test.jpg" class="vedio_wrap"> 
              <img src="test.png"> 
             </a> 
             <div class="attribute-media-title-desc"> 

             </div>

그 이미지를 출력하지만 그 코드를 편집 할 수 없으므로 클래스를 추가 할 수는 없습니다.

출처

2016-08-17 mpeterson

대신 요소에 스타일을 첨부 해 보았습니까? div 또는 실제 imgag 태그 중 하나에 클래스 대신 스타일을 추가하면 해당 스타일이 적용될 수 있습니다. 당신이 서로에 대해 논쟁하는 두 개의 CSS 성명서를 가지고 있기 때문에, 가장 깨끗한 것은 아닙니다. – bonzo

WordPress에 액세스 할 수 없기 때문에 html 자체에 아무 것도 추가 할 수 없습니다. 나는 사용자 정의 CSS를 추가하거나 PHP 파일과 엉망으로 추가 할 수 있으며 어디서부터 시작 해야할지조차 모르겠다. – mpeterson

자신의 CSS를 망칠 수 있다면, "mfp-content"또는 "attribute-media-wrap "? 나는 당신이 선재하는 수업의 끝 부분에 뭔가를 더할 수 있다고 생각합니다. – bonzo

팝업의 내용은 iframe입니다.

이 팝업에 대한 마크 업은 주로 기본 자바 스크립트 파일에 설정되어 있습니다. magnific popup documentation에서이 구현의 예를 참조하십시오.

CSS 스타일을 사용하려면 iframe의 내용이 아닌 iframe 자체를 대상으로 지정해야합니다. 예 :

.mfp-iframe {max-width: 100%;}

출처

2016-08-17 23:03:26

이미지 자체는 iframe이 아니라 문제입니다. iframe은 모바일과 데스크톱 모두에서 정상적으로 나타납니다. 이미지는 그렇지 않습니다. iframe에 반응해야하지만 이미지는 정상 크기로 유지됩니다. 따라서 페이지를 축소하면 특정 크기가되면 스크롤 막대가 나타나고 이미지는 축소되지 않습니다. 모바일에서는 이미지에 스크롤 막대가 표시되지 않고 잠시 동안 화면을 차지합니다. 따라서이 코드는 이미 제 위치에 있으며 필요한 것을 변경하지 않습니다. – mpeterson

이미지 유형과 달리 iframe 유형 팝업으로 설정되는 특별한 이유가 있습니까? 자신의 도메인에서 제공되는 이미지입니까? –

WordPress에 업로드 한 이미지입니다. 이 이미지 팝업 코드를 작성하지 않았으므로 액세스 할 수도 없습니다. – mpeterson

Magnificent 팝업 이미지가 너무 큽니다.

답변

관련 문제