Browse Source

调整产品画廊和下载视觉的最大宽度和高度

master
peijunlei 3 weeks ago
parent
commit
3381470b60
  1. 15
      public/themes/dist_static/static/css/product.css

15
public/themes/dist_static/static/css/product.css

@ -225,7 +225,8 @@ body.is-p-subnav .site-header {
} }
.p-intro__gallery { .p-intro__gallery {
width: 100%; width: 100%;
max-width: 40rem;
max-width: 35rem;
max-height: 35rem;
align-self: stretch; align-self: stretch;
min-width: 0; min-width: 0;
aspect-ratio: 1; aspect-ratio: 1;
@ -246,7 +247,7 @@ body.is-p-subnav .site-header {
width: auto; width: auto;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
height: auto;
height: 100%;
object-fit: contain; object-fit: contain;
} }
.p-intro__gallery-nav { .p-intro__gallery-nav {
@ -554,12 +555,14 @@ body.is-p-subnav .site-header {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
max-width: 40rem;
height: fit-content;
height: 100%;
max-width: 35rem;
max-height: 35rem;
} }
.p-download__visual img { .p-download__visual img {
width: min(22.125rem, 70%);
height: auto;
width: 100%;
height: 100%;
object-fit: contain;
display: block; display: block;
} }
.p-download__content { .p-download__content {

Loading…
Cancel
Save