代码写的应该没问题啊,怎么在谷歌浏览器打开就出问题了?求解!
相关代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2D变形之缩放</title>
<style type="text/css">
div{
width: 386px;
height: 260px;
overflow: hidden;
}
div img{
transition:all 0.4s;
}
div:hover img{
transform: scale(1.1); /*缩放值正常在0-1之间,0.8等于80%,但也可以超过1*/
}
</style>
</head>
<body>
<div>
<img src="img/1.jpg" />
</div>
<!--怎么浏览器解析时后面多了那么多class为mpa--的div???-->
</body>
</html>
你先禁用所有扩展,再看看还有没有这些代码。有可能是某些扩展修改了你的网页。