css - 使用媒体查询调整 Cufon 的大小

Question

被要求为使用 cufon 作为标题等的智能手机改造网站。

我正在使用媒体查询来交付网站。一切正常，但 cufon 不会调整大小，尽管相关 css 发生了变化。很确定你是通过 .js 来完成的，但不知道如何去做。

任何想法或指示？谢谢

Answer 1

在另一个网站上找到了解决方案。只需添加以下内容：

 <script type="text/javascript">
  jQuery(window).bind('resize', (function() {
    var timer;
    return function() {
      clearTimeout(timer);
      timer = setTimeout(function() {
        Cufon.refresh();
      }, 50); // possibly more than 50
    };
  })());
</script>

Answer 2

您可以在正文 onResize 事件中使用 Cufon.refresh。要扩展您的整个 HTML 网站，请参阅本教程。 http://www.peecho.com/blog/scalable-websites-with-css3-and-javascript.html

我们也使用 Cufon。