导入 css 文件
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/.class {
background: #ccc
}
}
媒体查询
如果你说的是第一次不执行动画的话。那么问题就是第一次加在不到是你第一次是append在文档后面添加div，你第一次操作div不存在，当你添加出div，因为div是直接被显示出来，而你的open类是执行动画，你添加出div你的div是显示的，open类也是执行动画显示div，div已经显示出来了所以不会执行动画，而你后面的能执行因为div已经存在，他能正确的执行动画。如果要正确就是div直接写出来不要用js返回，或者用js去操作动画。我所理解的是这样，不知道对你有帮助不。目测你是vue+webpack开发。你应该使用extract-text-webpack-plugin这个插件来把你的vue里的css提取出来成单独文件。
new ExtractTextPlugin('css/[name].[contenthash:8].css')
但如果你使用vue-cli这应该是已经配置好了的，你可能是在开发模式中，所以没有提取出来，如果打包后可能就会提取出来。
此外，你如果要按需加载，你也要先做到组件按需加载，
如果是在webpack里就是这么写
router.map({
'/async': {
component: function (resolve) {
require(['./MyComponent.vue'], resolve)
}
}
})
详见：http://router.vuejs.org/zh-cn...
同时，你的ExtractTextPlugin
new ExtractTextPlugin('css/[name].[contenthash:8].css', {
allChuck: true
})
