vue怎么判断图片是竖图（三种方法）

var img = new Image();
img.src = 'img.jpg';
img.onload = function() {
  if (img.width > img.height) {
    console.log('横图');
  } else {
    console.log('竖图');
  }
};

img {
  aspect-ratio: 1/1; 
  position: relative;
}
img::before {
  content: '';
  display: block;
  padding-bottom: 100%; 
}


img[aspect-ratio="1/1"]::before {
  padding-bottom: 133%; 
}


img[aspect-ratio="1/1"]::before {
  padding-bottom: 75%; 
}

@media (max-aspect-ratio: 3/4) {
  img {
    width: 100%;
    height: auto;
  }
}


@media (min-aspect-ratio: 4/3) {
  img {
    width: auto;
    height: 100%;
  }
}