如何实现当浏览器大小变化时,图片也跟着按比例缩放

loveairsupply 2012-08-22 11:57:19
如题~
补充:图片不是背景图片
...全文
3444 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
wbb123yu 2012-11-16
  • 打赏
  • 举报
回复
引用 7 楼 fly1314520929 的回复:
3楼的,图片会变形,4楼的,图片显示不完整,5楼的,不用说了,6楼的呢,那……更不用说!!!
...你的要求还真高 都不符合 你拿着窗口乱拖怎么可能有符合的 你说的按比例是啥比例 窗口长的比还是宽的比 这两个比本来就不一样 你把窗口拉长一条缝 请问你想你的图片显示成啥样?要么不就是显示成一点点 要么不就是显示不全么
fly1314520929 2012-11-16
  • 打赏
  • 举报
回复
3楼的,图片会变形,4楼的,图片显示不完整,5楼的,不用说了,6楼的呢,那……更不用说!!!
btbear 2012-08-23
  • 打赏
  • 举报
回复
三楼 五楼正解、、、
loveairsupply 2012-08-22
  • 打赏
  • 举报
回复
额。。。都快沉了,顶上去
  • 打赏
  • 举报
回复
往往就是很简单的事:

<img src="http://avatar.profile.csdn.net/A/1/0/2_loveairsupply.jpg" width=60%>
gf05011 2012-08-22
  • 打赏
  • 举报
回复
宽度和高度定义为百分比就行
任第一 2012-08-22
  • 打赏
  • 举报
回复
已经测试通过,改成你本地的一张图片就行了。
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(window).resize(function(){
$("#imgId").height($(window).height());
$("#imgId").width($(window).width());
});
});
</script>
</head>
<body>
<table>
<tr>
<td>
<img id="imgId" src="自己的照片。。。">
</td>
</tr>

</table>


</body>
</html>
MS20HJ 2012-08-22
  • 打赏
  • 举报
回复
在css里面设置那个框框的属性margin:0 auto;

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧