当前位置: 代码迷 >> HTML/CSS >> 网页图片显示有关问题
  详细解决方案

网页图片显示有关问题

热度:77   发布时间:2012-03-05 11:54:02.0
网页图片显示问题
大家好!
使用 <img   src= "test.jpg "   width= "700 "   height=100%> 显示图片,结果打开页面后图片明显被压扁了,此时点击图片属性,图片则恢复正常高度,请问这是什么原因,以及如何解决?

------解决方案--------------------
<img src= "test.jpg " width= "700 ">
不用再特意设定高度。IE6以上是自动缩放的。
------解决方案--------------------
<body>
<img src= "test.jpg " width= "700 " height= "100% " />
</body>

当你设置height= "100% ",其实是父容器(这里是body)
body,也就是整个窗口的高度,图片大小随窗口变化而变化~~
  相关解决方案