看到很多用vue的“大神”在实现动态分辨率适配的时候竟然还要引入第三方插件,实在受不了,教教这些人,用css的属性就完全可以实现同页面同组件不同样式的。
直接上代码:
/* 分辨率宽度在1360px以下时 */
<style lang="scss" scoped>
@media screen and (max-width: 1360px) {
//只要设置了这个最大尺寸,就可以根据不同的情况单独设置组件的样式了
.item-content {
width: 100px;
}
}
</style>