欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue 使用css根据屏幕大小宽度自适应调整

程序员文章站 2022-07-14 21:27:05
...
<style>
/* 屏幕小于1440px */
@media screen and (max-width: 1439px)  {
  .add{
    width: 260px;
  }
}

/* 屏幕等于1440px */
@media screen and (max-width: 1440px) and (min-width: 1440px)  {
  .add {
    width: 348px;
  }
}

/* 屏幕大于1440px */
@media screen and (min-width:1441px) {
  .add {
    width: 348px;
  }
}
</style>
相关标签: vue css3