文字根据页面放大缩小，怎么逐渐的放大缩小，关键是“逐渐”二字

做网站，我是用百分比做的，出现一个问题，如果浏览器页面大小改变，文字怎么跟着也逐渐放大和缩小，必须要文字逐渐的放大和缩小？关键是“逐渐”二字。

jQuery animate()方法，创建自定义动画

<!DOCTYPE html>

$(document).ready(function(){ $("button").click(function(){ var div=$("div"); div.animate({left:'100px'},"slow"); div.animate({fontSize:'3em'},"slow"); }); });

开始动画

默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。

HELLO

仅做参数，注意引入jQuery

用HTML5的scale动画

CSS3动画

DEMO

 <style>
#nav a:hover{
    /* 这可以让你的导航链接在鼠标经过的时候轻微的放大 */ 
    -webkit-transform: scale(1.5); 
    -webkit-transition:all 0.3s linear;

    -moz-transform: scale(1.5); 
    -moz-transition:all 0.3s linear;
    }
</style>
<div id="nav"><a href="#">菜单1</a>　<a href="#">菜单２</a>　<a href="#">菜单３</a></div>