收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2089|回复: 8

[求助] 图片突破div的宽度和高度,如何写脚本来控制使图片自适应,或按照设置的比例展示

[复制链接]
发表于 2013-4-27 08:29:55 | 显示全部楼层 |阅读模式
如下面的代码。
imgDiv 宽度300 高度150 ,但是。里面的图片却把div撑大了。我怎么写代码控制,是图片自适应,或者按照我设计的比例自动调整。

 提示:您可以先修改部分代码再运行

 楼主| 发表于 2013-4-27 08:31:47 | 显示全部楼层
我试了一下,img 用imgdiv的样式可以控制。

但是,这么一弄,有些图片会不成比例。有点难看。我主要想用脚本来控制使他能自动按照比例缩放。
回复 支持 反对

使用道具 举报

发表于 2013-4-27 09:12:33 | 显示全部楼层

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-4-27 09:15:52 | 显示全部楼层
我就是不想对img 里做css设置。或者引用样式。

因为我用cms来做网站。想用css 或者 js来控制。

百度了下,知道怎么做了。
回复 支持 反对

使用道具 举报

发表于 2013-4-27 09:26:03 | 显示全部楼层
mmfeel 发表于 2013-4-27 09:15
我就是不想对img 里做css设置。或者引用样式。

因为我用cms来做网站。想用css 或者 js来控制。

不想对img做css设置,又想用css来控制,这个要怎么控制...
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-4-27 09:53:25 | 显示全部楼层
我的意思是不想img 使用样式 。就是不想 用<img style="aaa" /> 或者  <img src="http://www.sinaimg.cn/dy/slidenews/2_img/2013_17/786_963859_613369.jpg" style="    width: 300px;">  之类。

可以使用子选择器来确定这个img ,然后调用样式或者使用js
回复 支持 反对

使用道具 举报

发表于 2013-4-27 09:59:34 | 显示全部楼层
.imgDiv img{ width:150px; height:150px;}
你说的这个吗
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-4-27 10:04:10 | 显示全部楼层
对。就是这么控制
.imgDiv img
回复 支持 反对

使用道具 举报

发表于 2013-4-27 10:18:02 | 显示全部楼层
本帖最后由 tsbidtf 于 2013-4-27 10:19 编辑
mmfeel 发表于 2013-4-27 10:04
对。就是这么控制
.imgDiv img


.imgDiv {width:300px;height:150px; overflow:hidden;}
.imgDiv img{width:100%;}

其实管理员已经给出了方法,只是写的是行内样式...
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-12-5 19:49 , Processed in 0.140272 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表