使图像适合其全屏宽度

-3

我想将图像适合其全宽浏览器。请让我知道CSS代码。我正在使用px作为容器。所以让我知道这一点。我不想滚动条到全屏浏览器。我想宽：100％，宽度在PX。但没有任何工作，我看到滚动条。使图像适合其全屏宽度

2016-03-14 Skumar

的[使图像适合它的父元素（可能的复制http://stackoverflow.com/questions/ 35991641 /使图像适合其母元素） –

如果你想让它依赖于浏览器的视口添加到您的元素的CSS，它会伸展自动

background-size: 100% 100%;

2016-03-14 22:12:30 Eric

img{ 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
}

2016-03-14 22:14:29

使用位置：绝对干扰整个网站。所以这不适合我！ – Skumar

图像在CSS自己的显示方式，因此，当你这样说width:100% ，它填充到原始图像的100％尺寸，而不是像块一样起作用，并且扩展为填充父元素的100％。

可以修复通过改变显示类型，虽然只对一个图像：

<style type="text/css"> 
    img.big-img { 
    display:block; 
    width:100%; 
    } 
</style> 

… 

<img src="my_image.jpg" class="big-img">

2016-03-15 00:38:34

回答