小于容器时不缩放图像

目前,我有以下规则

 img{
     height: 100%;
     width:100%;
 }

在大多数情况下,这都可以正常工作。

在以下情况下,是否可以实际尺寸显示图像?

    image width < container width

请注意,图像宽度未知。

评论
  • overo
    overo 回复

    测试一下:

     img{
         height: 100vw;
         width:100vh;
     }