壮观的弹出式图片太大

Question

我遇到了有人在wordpress上为我构建内容的问题。 当然他们带走了钱，所以我不知道发生了什么。 在台式机上似乎还不错，但是在移动设备上，此Magnific Popup无法正常工作。 它以全角显示图像，而不是响应屏幕尺寸。 我不想使图像本身变小，因为那样在桌面上它会变小。 这是我在chrome上检查时所拥有的代码：

         <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>

我尝试了多种方法来尝试调用该图像，但是由于无法编辑该代码，因此无法向其添加类。

Answer 1

弹出窗口的内容为iframe。

此弹出窗口的标记很可能是在您的主javascript文件中设置的。 在宏伟的弹出文档中查看此实现的示例。

要在CSS中设置样式，您需要定位iframe本身，而不是iframe的内容。 即：

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

壮观的弹出式图片太大

问题描述

1 个解决方案

解决方案1
0 2016-08-17 23:03:26

壮观的弹出式图片太大

问题描述

1 个解决方案

解决方案1 0 2016-08-17 23:03:26

解决方案1
0 2016-08-17 23:03:26