Question

如何在不裁剪的情况下将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>

Answer 1

以下CSS将为您执行此操作

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

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

1 个答案: