手机上的徽标变大（Javascript）

我有麻烦了。如果您在手机上查看此网站或将浏览器大小调整为手机大小，向下滚动，然后一直向上滚动，徽标会变得非常大。我需要它像在开始一样小（刷新页面）：

我确实有CSS断点，但我使用JS是因为某些特定的原因。以下是我的JS代码：

$(window).scroll(function () {
    if ($(document).scrollTop() == 0) {        
        $('.logo').attr('src', '/birdie4baycrest/images/logobig3.jpg');
        $('.logo').width(203);
        $('.logo').height(293);
     } else {

        $('.logo').attr('src', '/birdie4baycrest/images/logobig.jpg');
        $('.logo').width(108);
        $('.logo').height(70);
     }
}); 

---

根据我之前的评论，这里有一个解决方案。在Chrome Inspector中测试并在您的站点上工作

$(window).scroll(function () {
    if ($(document).scrollTop() == 0) {

        $('.logo').attr('src', '/birdie4baycrest/images/logobig3.jpg');

        if( $(window).width() < 768 ){
            // logo loads at small size with a width of 104 and height of 150
            $('.logo').width(104);
            $('.logo').height(150);
        } else {
            // this is what the default is for large sizes
            $('.logo').width(203);
            $('.logo').height(293);
        }

    } else {

        $('.logo').attr('src', '/birdie4baycrest/images/logobig.jpg');
        $('.logo').width(108);
        $('.logo').height(70);

    }
}); 

$（窗口）。滚动（函数（）{
if（$（文档）.scrollTop（）==0）{
$（'.logo'）.attr（'src'，'/birdie4baycrest/images/logobig3.jpg'）；
如果（$（窗口）.width（）<768）{
//徽标以小尺寸加载，宽度为104，高度为150
$（'.logo'）。宽度（104）；
$（'logo'）。高度（150）；
}否则{
//这是大尺寸的默认设置
$（'.logo'）。宽度（203）；
$（'logo'）。高度（293）；
}
}否则{
$（'.logo'）.attr（'src'，'/birdie4baycrest/images/logobig.jpg'）；
$（'.logo'）。宽度（108）；
$（'logo'）。高度（70）；
}
}); 

查看引导程序它使您能够轻松创建响应性网页设计，这是让您走上正轨的一个关键。

使用%表示，这样它将根据浏览器的大小调整类似条件的内容---如果（$（window）.width（）<600px）{$（'.logo'）.width（108）；}（将IF条件中的宽度从600更改为与断点匹配的任何值。该站点是用BootstrapThank构建的，非常感谢William！它工作得非常好。我也理解你所做的，非常好。