html - 加载时调整照片大小...来自服务器的 PHP 照片

Question

我想知道是否有人可以就我哪里出错提供一些建议。我试图让照片在加载到 DIV 中时调整大小，但照片一直保持自己的尺寸。有谁知道为什么我的代码不起作用？先感谢您!

if($row['coverphoto'] === NULL){
                echo"<li>";
                echo"<img src='images/slider-4.jpg'>";
                    echo "<div class='banner'>Customize Your Banner!</div>";
                echo "</li>";
            }
            else{
                echo "<li>";
                echo "<img style='height:auto; width:auto; max-width:1025px; max-height:503px;' src='/coverphotos/" . $row['coverphoto'] . "'/><br />";
                 echo "<div class='banner'>Customize Your Banner!</div>";

                echo "</li>";
            }
                ?>

Answer 1

试试这个，

        else{
            echo "<li>";
            echo "<div style="width:50px;height:50px;"><img style='height:50px; width:50px;' src='/coverphotos/" . $row['coverphoto'] . "'/></div><br />";
             echo "<div class='banner'>Customize Your Banner!</div>";

            echo "</li>";
        }

如果不行，请检查你的css文件

 <li>

风格。可能那种风格会犯这个错误。