jquery - jQuery .html( data here ) 似乎“重新调整”响应文本的大小

Question

考虑以下代码。

它是一个带有名为leader-module-total的 id 的锚标记，当按下它时，它会调用 PHP 脚本并在名为leader-module的 id 中显示 PHP 代码中完成的回显。

够基本的。

但是，每次我这样做时，我都需要使用这段代码中的最后一段代码来“缩小”它。

我的问题是，怎么会？我在这里做错了吗？

$('#leader-module-total').click(function() {

   //load an image to show while processing
   $('#leader-module').html( '<div class="ajaxLoader"></div>' );

   //process the php script -- btw, is this valid i.e. calling it using / 
   //and not fully qualified with http://mydomain/page-to-be-called  
   $.get('/ajax-leader-module-response.php', { timeframe: 'total' }, 
       function(data){
          $('#leader-module').html( data );
       }
   );

   //this is my question: why is this necessary???  
   //I need to make it smaller than it was for it to display normally.
   $('#leader-module').css('font-size', '0.9333em');
   return false;
});

Answer 1

我认为它是从父标签继承样式。请检查任何字体大小样式的父元素。