缩略图会拉伸以匹配fancybox上的宽度（100％）

Question

我仔细阅读了文档，以查看是否有可以更改缩略图大小的属性，但看不到任何属性。我的网站当前的外观如下：。我没有为缩略图使用单独的图像，因此不希望使用。这是我的代码。

<?php 
// Include database configuration file  
mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
// Retrieve images from the database 
$query = $DB->query("SELECT * FROM images ORDER BY uploaded_date DESC"); 
    if(!$query) {
        trigger_error("Invalid query: " . $DB->error);
    }
if($query->num_rows > 0){ 
    while($row = $query->fetch_assoc()){ 
        $imageURL = '../phpgallery/'.$row["path"]; 
?>
    <a href="<?php echo $imageURL; ?>" data-fancybox="gallery" data-caption="<?php echo $row["title"]; ?>">
    <img src="<?php echo $imageURL; ?>" alt="" width="300"/>
</a>
<?php } 
} ?>

fancybox作品的其他方面，例如放大照片并向左和向右单击。 （滚动浏览图像并防止复制和粘贴无效）。

已拉伸的两个图像是垂直图像。

Answer 1

PHP：

getimagesize ( string $filename [, array &$imageinfo ] ) : array

https://www.php.net/manual/de/function.getimagesize.php

或

CSS：

background-size: auto|length|cover|contain|initial|inherit;

https://www.w3schools.com/cssref/css3_pr_background-size.asp