使p与放置在另一个div

Question

我试图使p始终具有与放置在其旁边的图像相同的宽度和高度。

我为包含这些元素的两个div设置了特定尺寸，然后将img宽度和高度设置为100％（如上所述here）。不幸的是，即使我使用了提供的实际图像的尺寸，也会导致图像失真。忘了提到我顺便提一下我使用Picturefill，也许它与它有关...

我应该提一下，通过调整图片填充HTML的 sizes 属性中的值，可以在某种程度上控制失真量。然而事实证明，我必须为该属性添加数千个不同的值才能使其以这种方式工作。对于这样的事情，它并不是真正的感觉。

HTML

<div> 
  <img 
     sizes="(min-width: ...px) ...vw, (min-width: ...px) ...vw etc"
     srcset="/images/img1.jpg 280w,
             /images/img2.jpg 350w"
     alt="...">
</div>

<div> 
 <p> ... </p> 
</div>

Answer 1

将图片width设置为100%，将height设置为auto。这样，图像将保持其宽高比，同时仍然可以调整大小。