如何为 img 标签设置固定大小？答案

【问题标题】：How to set a fixed size for img tag?如何为 img 标签设置固定大小？
【发布时间】：2020-05-21 20:49:55
【问题描述】：

我希望 img 具有固定大小，例如 290x193，并且不会随着图像的实际宽度和高度而改变，我在 img 标签上尝试了内联 CSS，但它不起作用。是否有任何引导类用于此目的而不是定义 CSS？

这是我的代码：

           <?php foreach($articles as $articl): ?>
            <div class="col-md-6">
            <a href="blog-single.php" class="blog-entry element-animate" data-animate-effect="fadeIn">
              <img style="width: 290; height:193;" src="<?php echo BASE_URL . '/assets/images/' . $articl['image'] ?>" alt="Image placeholder">
              <div class="blog-content-body">
                <div class="post-meta">
                  <span class="category">Food</span>
                  <span class="mr-2"><?php echo date('F j, Y',strtotime($articl['entry_date'])) ?></span> &bullet;
                  <span class="ml-2"><span class="fa fa-comments"></span> 3</span><br>
                  <span class="mr-2">By: <?php echo $articl['name'].' '.$articl['last_name'] ?> </span>
                </div>
                <h2><?php echo $articl['title'] ?></h2>
                <p><?php echo substr($articl['abstract'], 0, 80).'...' ?></p>
              </div>
            </a>
          </div>
          <?php endforeach;?>

【问题讨论】：

您忘记在数字后添加px：style="width: 290px; height:193px;"
@Triby 是的，我注意到了，无论如何谢谢。

标签： html css image containers max-size

【解决方案1】：

你忘了在你的内联样式中写 px，在每个数字之后

【讨论】：

谢谢，我不知道为什么我没有注意到 :)) 我怎样才能做出响应？当我更改浏览器窗口的大小时，图像变得比 div 大。
删除内联样式，并添加一个类。然后在该课程中进行造型
究竟是哪个类做的？
你必须创建自己的类，并自己做样式。 Bootstrap 在这里帮不了你