CSS3媒体查询平滑度

CSS3媒体查询平滑度,css,width,media,Css,Width,Media,我这里有点小问题; 这是我的密码: .big-header { font-size: 120px; font-weight: bolder; color: #fff; text-align: left; padding-left: 139px; } @media (max-width: 480px) { .big-header { font-size: 40px; } } 每件事都按我所希望的方式进行

我这里有点小问题; 这是我的密码:

.big-header {
     font-size: 120px;
     font-weight: bolder;
     color: #fff;
     text-align: left;
     padding-left: 139px;
}

@media (max-width: 480px) {
     .big-header {
         font-size: 40px;
     }  
}
每件事都按我所希望的方式进行,但确实存在平滑度问题,我的意思是,有没有一种方法可以使字体大小随着宽度的减小而平滑地调整大小?当我调整窗口大小时,它直接从120px调整到40px。有没有办法让字体大小慢慢减小?
非常感谢

向类型和类型收缩时添加css转换:
转换:全部2

样本:

。大标题{
字体大小:120px;
字体大小:粗体;
文本对齐:左对齐;
左侧填充:139px;
过渡:所有2;
}
@介质(最大宽度:480px){
.大标题{
字体大小:40px;
过渡:所有2;
}  
}

您好

我认为这不是一个问题,因为真正的用户(公众)通常不会根据手机大小调整浏览器的大小。你总是可以添加更多的断点来逐渐缩小尺寸,但我不认为这是必要的^是的,但这很像我的猫“如果合适,我就坐着”只有在这种情况下才是“如果我能做到,我就做到”。。。此外,这很容易做到:3假定受支持的浏览器可以处理css转换。同样在FF mac上,动画也是单向的。但是如果你对这两个都使用transition all,那么它就可以工作了。虽然我不确定这种更改是否适合某个网站,但是你需要用网站的其余部分/pageOops完全测试这种实现,我发送的链接是错误的。我把过渡保持为宽度而不是全部,巴哈哈。。。又错了,我把文字保持为白色。现在应该没事了。至于浏览器兼容性:谢谢Huangism,非常感谢chdltest!!!过渡:所有2;这正是我想要的:)我同意,没有人会看到这种转变,但我需要它来展示它是如何工作的,所以它是完美的!再次感谢:)