javascript - 文本调整大小仅适用于部分内容

标签 javascript css wordpress

我在我的 wordpress 网站上添加了一些 javascript 来调整文本大小。它似乎只适用于某些内容(即标题和电子邮件注册)。

http://test.hestiacare.co.uk/

知道如何让它应用于所有内容吗?

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
  // Reset Font Size
  var originalFontSize = $('html').css('font-size');
    $(".resetFont").click(function(){
    $('html').css('font-size', originalFontSize);
  });
  // Increase Font Size
  $(".increaseFont").click(function(){
    var currentFontSize = $('html').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*1.2;
    $('html').css('font-size', newFontSize);
    return false;
  });
  // Decrease Font Size
  $(".decreaseFont").click(function(){
    var currentFontSize = $('html').css('font-size');
    var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*0.8;
    $('html').css('font-size', newFontSize);
    return false;
  });
});
</script>

最佳答案

可能与此有关,在style.css中:

.entry-content {
    font-size: 13px;
}

如果我将其注释掉,正文会随其他所有内容一起调整大小。如果有其他内容未调整大小,您可能需要查找类似像素大小的条目。

关于javascript - 文本调整大小仅适用于部分内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15228706/

相关文章:

php - SSL 仅适用于网站的一半

javascript - 为什么我的 Prop 在我需要的时候不能在我的组件中使用?

javascript - 使用选择框动态更新值

html - 如何证明两个 HTML 页面看起来相同?

javascript - Fullpage.js - 点导航样式

php - 写入 Ajax 数据库时出错

javascript - fullcalendar.js 时区差异,即使没有通过任何时区或夏令时

javascript - MVC 4 Ajax 调用未进行

jquery - 工具栏的 CSS,UI slider 居中于左右按钮之间

html - 在wordpress中并排对齐iframe