Html Chrome在css中重新调整图片大小。Ie没有。（idk关于ff）
我的代码如下。超链接在那里，因此如果你点击图片，它会带你进入另一个页面，但该页面不属于我的问题。我想做的是使用css根据web浏览器的高度重新调整图像的大小。在谷歌chrome中，它可以工作，但在ie和idk中，它不能工作。如果有人能告诉我出了什么问题，并以一种能使我的代码适用于所有浏览器的方式重写我的代码，我将不胜感激Html Chrome在css中重新调整图片大小。Ie没有。（idk关于ff）,html,css,image,internet-explorer,resize,Html,Css,Image,Internet Explorer,Resize,我的代码如下。超链接在那里，因此如果你点击图片，它会带你进入另一个页面，但该页面不属于我的问题。我想做的是使用css根据web浏览器的高度重新调整图像的大小。在谷歌chrome中，它可以工作，但在ie和idk中，它不能工作。如果有人能告诉我出了什么问题，并以一种能使我的代码适用于所有浏览器的方式重写我的代码，我将不胜感激 <!DOCTYPE html> <head> <style> .size{height:100%;} .test{width:auto;
<!DOCTYPE html>
<head>
<style>
.size{height:100%;}
.test{width:auto;height:100%;}
</style>
</head>
<body>
<div class="size">
<a href="test2.html"><img class="test" src="test.jpg" border="0"></a>
</div>
</body>
.size{高度：100%；}
.test{宽度：自动；高度：100%；}
<html>
<head>
<style>
a.container {
width:100%;
height:100%;
display:block;
}
a#image1 {
background: url(YOURIMAGE.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body>
<a class="container" id="image1" href="#"></a>
</body>
</html>
a、 容器{
宽度：100%；
身高：100%；
显示：块；
}
a#图1{
背景：url（YOURIMAGE.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}