My-music
jQuery + ajax 实现网页播放器,向分类接口发请求,获取音乐分类,展示音乐信息(音乐图片、歌词、标题等)
功能:
进入页面后开始随机播放,一曲播完自动播放下一首
按钮控制播放下一曲
可拖动进度条控制播放进度
能够根据自己喜好来选择想听的音乐类型
1. 页面响应式
宽度随着页面的变化而变化,高度充满,实现响应式布局,高度上10vh随着页面高度变化,font-size大小也可以随着屏幕大小而变化。
设置 @media 宽度上响应
.layout {
margin: 0 auto;
width: 600px;
}
@media (min-width: 700px) {
.layout {
width: 600px;
}
}
@media (min-width: 900px) {
.layout {
width: 800px;
}
1