当我在本地运行node.js应用程序时,一切正常运行,并显示应有的状态。当我将其部署到Heroku时,一切都比应有的要大得多。字体,图像等都被放大了很多。另外,还有一个jquery导航栏,它应在页面向下滚动500px或更多之后淡入,并在页面滚动到顶部时淡出,但在屏幕顶部仍然可见,并且不淡入和在已部署的Heroku应用程序上运行。我尝试在“引擎”中指定节点和npm版本,但未做任何更改。
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
(function($) {
$(document).ready(function(){
$('#nav-container').hide();
$(window).scroll(function(){
if ($(this).scrollTop() > 200) {
$('#nav-container').fadeIn(500);
} else {
$('#nav-container').fadeOut(500);
}
});
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
var pathname = window.location.pathname;
$('.nav-bar > li > a[href="'+pathname+'"]').parent().addClass('active');
})
</script>
那是与导航栏有关的javascript。不管是否淡入淡出,我都无法弄清为什么一切看起来太大了。