0
私は誰かが私のためにワードプレスで構築したコンテンツに問題があります。もちろん、彼らはお金を取って走ったので、何が起きているのか分かりません。 デスクトップでは、モバイルでは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>
私がしようとすると、コールする複数の方法を試してみました私はそのコードを編集することができないので、私はそのイメージを取り除きましたが、クラスを追加することはできません。
代わりに要素にスタイルを付けるだけでしたか？ divや実際のimgagタグのいずれかにclassの代わりにスタイルを追加すると、スタイリングを回避できます。あなたがお互いに論争している2つのCSSの声明を持っているので、最もクリーンではない。 – bonzo
私はWordPressでアクセスできないため、HTML自体に何も追加できません。私はカスタムCSSを追加するか、PHPファイルを使いこなすことができますし、どこから始めるべきかもわかりません。 – mpeterson
あなたのCSSを混乱させることができたら、 "mfp-content"または "attribute-media-wrap "？私は、既存のクラスの最後に何かを追加できると思うだろう。 – bonzo