前提・実現したいこと
WordPressのEasy FancyBoxというプラグインで縦長の画像も元のサイズ(元の画像サイズによって変化)で表示したいです。
WordPressのLightbox系のプラグインでEasy FancyBoxをつかっていますが、
ディスプレイサイズより縦長の画像を開くと縦の大きさがディスプレイの縦サイズが上限になって実際より縮小されて表示されます。
該当のソースコード
CSS
1#fancybox-content { 2 width: 0; 3 height: 0; 4 padding: 0; 5 position: relative; 6 -webkit-overflow-scrolling: touch; 7 overflow-y: auto; 8 z-index: 111102; 9 border: 0 solid #fff; 10 background: #fff; 11 -moz-background-clip: padding; 12 -webkit-background-clip: padding; 13 background-clip: padding-box; 14} 15 16#fancybox-img { 17 padding: 0; 18 margin: 0; 19 line-height: 0; 20 vertical-align: top; 21 max-width: none!important; 22 max-height: none!important; 23}
試したこと
以下のように値を変更すると元のサイズで表示できましたが、全体的に右に寄ってしまいます。
#fancybox-content { width: 100vw !important; height: auto !important; }
補足情報(FW/ツールのバージョンなど)
Easy FancyBox バージョン 1.8.12
WordPress バージョン 5.0.3
Chrome
Win 10
あなたの回答
tips
プレビュー