[開箱品] Minisforum AI X1 Pro 迷你電腦 (CS-MX1P47B) SN:MZ348L1P47GDMPB00005 #3 個月保用 #開箱品請保留單據及購買電郵

.video-container { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; /* 可根據網店寬度調整 */ margin: 0 auto; } .video-item { width: 32%; /* 每行 3 個，留點間距 */ margin-bottom: 20px; position: relative; padding-bottom: 18%; /* 16:9 比例 (9/16 = 0.5625 ≈ 56.25%，這裡稍微調整為 18% 以適應外框) */ } .video-item a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .video-item img { width: 100%; height: 100%; object-fit: cover; /* 確保圖片填滿並保持比例 */ border-radius: 8px; /* 可選：圓角效果 */ transition: transform 0.3s; /* 滑鼠懸停時的動畫 */ } .video-item img:hover { transform: scale(1.05); /* 滑鼠懸停時放大效果 */ } .video-title { text-align: center; font-size: 24px; font-weight: bold; color: #000; /* 黑色 */ margin: 20px 0; } @media (max-width: 768px) { .video-item { width: 48%; /* 平板或手機上每行 2 個 */ } } @media (max-width: 480px) { .video-item { width: 100%; /* 小螢幕上每行 1 個 */ } }