html结婚图片轮播 1、能够自动轮播 2、图片满屏展示 3、竖版图片自适应

HTML 结婚图片轮播设计可以满足您提到的要求，通常需要结合 CSS 和 JavaScript 来实现。下面是一种简单的思路：

1. **自动轮播**：可以通过 JavaScript 的 `setInterval` 或第三方库（如Slick.js）设置定时器，每隔一定时间改变当前显示的图片。例如:

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("slide");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  slideIndex++;
  if (slideIndex > slides.length) {slideIndex = 1} // 一轮播完回到第一张
  slides[slideIndex-1].style.display = "block"; // 显示新的图片
  setTimeout(showSlides, 3000); // 自动切换每3秒
}

2. **满屏展示**：为了实现满屏效果，可以在CSS中设置轮播图容器的宽度和高度，使其充满整个屏幕，并调整图片的`object-fit: cover`属性让图片缩放至完全填充容器：

.carousel {
  position: relative;
  width: 100%;
  height: 100vh; /* vh表示视口高度 */
}

.slide {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

3. **竖版图片自适应**：如果图片是竖向的，可以使用媒体查询（Media Queries）检查设备方向并相应地调整图片展示方式：

@media screen and (orientation: portrait) {
  .slide {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); /* Safari */
    width: 100%; /* 高度变宽 */
    height: auto;
  }
}