如果实现图片随着div缩放的一个效果. 只使用css和html

yylang1987 2009-06-07 12:39:43
div宽度是不固定的. 高度根据内容可以延长.

图片最大宽度是div宽度的80%; 高度随着宽度等比例缩放.
如果图片的宽度小于div宽度的80%, 则安装原来大小显示.
...全文
339 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
yylang1987 2009-06-09
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 storm0 的回复:]
不要将所有的事都丢给css来做,它不是神仙
[/Quote]

你的观点偏激了.
我只是实现一个样式, 虽然有点复杂, 但是并没有动态的逻辑要求.
理论上就应该用样式表来做.
FanG081020 2009-06-08
  • 打赏
  • 举报
回复
不用script?CSS真的能做吗?
学习
bing475879749 2009-06-08
  • 打赏
  • 举报
回复
用到min-height或min-width

给你一个兼容的CSS,必须要定义初始DIV宽度才可以的,当DIV里的内容比定义的最小值还大就自动扩大

min-height:100px; /*高度最小值设置为:100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/
飘零雾雨 2009-06-08
  • 打赏
  • 举报
回复
不要将所有的事都丢给css来做,它不是神仙
lihan6415151528 2009-06-07
  • 打赏
  • 举报
回复
先获取div的宽度,之后和图片原始宽度比较是否大于80%

之后决定怎么样在div中显示。
crystalbright 2009-06-07
  • 打赏
  • 举报
回复
我顶
yylang1987 2009-06-07
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 lihan6415151528 的回复:]
先获取div的宽度,之后和图片原始宽度比较是否大于80%

之后决定怎么样在div中显示。
[/Quote]

只使用css和html
不使用脚本

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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