将图像调整为浏览器宽度/高度而不裁剪

如何在不裁剪的情况下将img的大小设置为100％宽度/高度？我发现很多使用身体背景，但也裁剪图像。我只是想把它做成100％宽度或高度（以先到者为准），因此不会裁剪剩余的宽度或高度。那有意义吗？将图像调整为浏览器宽度/高度而不裁剪

编辑* * ****

我想通了使用背景方法

<?php 
$i = $_GET['i']; 
?> 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title></title> 
<style> 
body { 
    margin:0; 
    padding:0; 
} 

html { 
     background: url("<?php echo $i; ?>") no-repeat center center fixed; 
     -webkit-background-size: auto 100%; 
     -moz-background-size: auto 100%; 
     -o-background-size: auto 100%; 
     background-size: auto 100%; 
} 

</style> 
</head> 
<body> 
</body> 
</html>

来源

2011-05-18 Ronnie

你要做到这一点它要调整大小以便图像尽可能伸展，但是它保留了原始高宽比并且没有裁剪？ – sdleihssirhc 2011-05-18 17:59:19

没错。我在android和横向模式下嵌入web视图，方形图像需要尽可能大地伸展而不会裁剪。我正在使用的当前方法是尽可能大，但它也裁剪我不想要的图像 – Ronnie 2011-05-18 18:07:19

我想通了。使用css3属性工作。 Android使用网络工具包我认为应该没问题 – Ronnie 2011-05-18 18:14:33

下面的CSS会为你

position: fixed;  
left: 0px; 
top: 0px;  
width:100% ;  
height:100% ;

来源

2011-05-18 18:09:55 Chad

这并不保留长宽比 – Ronnie 2011-05-18 18:14:43

“我怎么能够在不裁剪时将img的大小设置为100％宽度/高度？”您对于维护方面没有任何说法比率......你开始提醒我一个项目经理...... – Chad 2011-05-18 18:18:32

对不起，我应该更清楚一点。 @sdleihssirhc想通了 – Ronnie 2011-05-18 18:23:26

将图像调整为浏览器宽度/高度而不裁剪

回答

相关问题