Question

所以我写了一个简单的脚本，使得我的div具有100％宽度的缩略图，具有正确比例的图像。它在Firefox上运行得很好，但在其他浏览器上却有问题。可能是什么问题？

仅当我点击href链接时才有效。

  <script type="text/javascript">
    jQuery(function($) {
        $(window).load(function() { 
            jQuery(document).ready(function($){
                var ww = $(window).width();
                var th = $(".horislider_thumb").height();
                var tw = $(".horislider_thumb").width();

                ratio=tw/th;
                th=ww/ratio;
                tw=th*ratio;

                $(".horislider_thumb").css('max-width', tw + 'px');
                $(".horislider_thumb").css('max-height', th + 'px');
                $(".horislider-thumb-out").css('max-width', tw + 'px');
                $(".horislider-thumb-out").css('max-height', th + 'px');

            });
    });

        $(window).resize(function() {         
            jQuery(document).ready(function($){
                var ww = $(window).width();
                var th = $(".horislider_thumb").height();
                var tw = $(".horislider_thumb").width();

                ratio=tw/th;
                th=ww/ratio;
                tw=th*ratio;

                $(".horislider_thumb").css('max-width', tw + 'px');
                $(".horislider_thumb").css('max-height', th + 'px');
                $(".horislider-thumb-out").css('max-width', tw + 'px');
                $(".horislider-thumb-out").css('max-height', th + 'px');
                $('.horislider_thumb a').each(function(){
                    $(this).css('padding', '0');

                });

            });  

        });
    });
    </script>

这是我拇指的简单结构：

<div class="horislider_thumb" style="max-width: 1488px; max-height: 65.899px;">  
<a href="#0" style="padding: 0px;">
<img src="">
</a>
</div>

一个href不会调整大小

0 个答案: