Jquery 在媒体查询断点之间设置动画

在css媒体查询之间设置动画的最佳方式是什么

是CSS3转换还是jquery

CSS

@media handheld, only screen and (max-width: 1024px) {
h1 {
font-size: 30px;
}
}
@media handheld, only screen and (max-width: 768px) {
h1 {
font-size: 10px;
}
}

---

我会说使用转换：

h1 {
    -moz-transition   : font-size 2s;
    -webkit-transition: font-size 2s;
    -o-transition     : font-size 2s;
    transition        : font-size 2s;
}

@media handheld, only screen and (max-width: 1024px) {
    h1 {
        font-size: 30px;
    }
}
@media handheld, only screen and (max-width: 768px) {
    h1 {
        font-size: 10px;
    }
}

---

我会说使用转换：

h1 {
    -moz-transition   : font-size 2s;
    -webkit-transition: font-size 2s;
    -o-transition     : font-size 2s;
    transition        : font-size 2s;
}

@media handheld, only screen and (max-width: 1024px) {
    h1 {
        font-size: 30px;
    }
}
@media handheld, only screen and (max-width: 768px) {
    h1 {
        font-size: 10px;
    }
}