css - Magnific Popup 中的图像大小

Question

有什么方法可以影响显示图像的大小吗？换句话说:即使原始图片有不同的尺寸，我能否实现完整图像的相同尺寸？

非常感谢迈克尔

问答“找到了答案。可以通过手动更改相应类的 css 属性来完成。但是，这对于所有图像也是固定的。”像这样的状态。必须更改哪个 css 属性？

Answer 1

此解决方案使所有图像都以全高显示。如果它高于视口(viewport)，您必须滚动才能完全看到它。

此外，它永远不会超过图像尺寸。它只是让你在原始尺寸上看到它

        jQuery(document).ready(function(jQuery) {
            jQuery('.trigger').magnificPopup({
                type: 'image',  
                callbacks: {
                    resize: changeImgSize,
                    imageLoadComplete:changeImgSize,
                    change:changeImgSize
                }
            });
        });
        function changeImgSize(){
            var img = this.content.find('img');
            img.css('max-height', '100%');
            img.css('width', 'auto');
            img.css('max-width', 'auto');
        }