CSS img高度，％不起作用

Question

我想调整图片大小（以及包含图片的滑块）。

以下css代码可以正常工作：

.slick-slider .img-responsive{
  max-width:none;
  min-width:100%;
  width:100%;
  height:300px;
  object-fit: cover;
}

实现了目标：图像/滑块填充整个屏幕宽度，高度仅为300px。对象适合：覆盖裁剪图像。

但是因为我想要做出响应，我想将高度更改为百分比值。

但如果我用30％替换300px没有任何反应（ - ＆gt;意味着图像具有完整高度，则不会裁剪任何内容）。

Answer 1

你可以试试这个吗：

$query = "SELECT rota_sunday.id AS rota_id, rota_sunday.person_id AS person_id, rota_sunday.person_name AS person_name FROM rota_sunday WHERE rota_sunday.person_name Like '%".$_GET['$name']."%'";

这会强制您的图片的高度为视口的10％，而不是像素或百分比。它应该创建一个响应式布局，让我知道它是否成功，否则共享一个jsfiddle所以我可以四处寻找。