5017人阅读
web前端取经路上（17）
&&&&&&& 一般来说，我们设定一定宽度高度的div标签，在里面放上图片，只有当图片大小尺寸符合这个宽度和高度的时候显示最佳。那有的时候不同的界面，同样的信息（比如头像）放大的尺寸是不一样，怎么才能让图片根据DIV的宽高度进行，缩放呢？其实很简单，只用设置其css样式即可。
&&& .photo img
&&&&&&&&&&&&&&&& {
&&&&&&& max-width:80//这是DIV的大小
&&&&&& width:expression(this.width & 80 ? &80px& : this.width);//实现按比例缩放
&&&&&&&&&&&&&&&&&& }
&&&&&& HTML中设置为&div class=&photo&&&img src=&img/006.jpg&&&/div&
我已经成功了，你不妨试一试~
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：30431次
排名：千里之外
原创：30篇
评论：14条
(4)(3)(3)(1)(1)(4)(1)(2)(2)(7)(1)(1)(3)(2)(2)(2)
(window.slotbydup = window.slotbydup || []).push({
id: '4740881',
container: s,
size: '200,200',
display: 'inlay-fix'问题： (html)用jquery控制图片的宽度进行放大效果，当img的宽度等于外层div的宽度时，img的宽度就不能再放大了，怎么突破这个限制？
描述:$scope.bigimgFun = function () {
var width =
$("#showImg").width();
var height =
$("#showImg").height();
console.log(width);
console.log(height);
$("#showImg").css({
"width":(width+100).toString()+'px'}
};解决方案1:问题是被部分内容无法看见还是内容宽度放大不了;外层div不给定宽度，视内容而定的就成，或者就是让img脱离文档流。解决方案2:外层div不要固定大小就可以了。。或者可以用脚本来修改外层div的宽高。解决方案3:是被外层的div遮住了吧
以上介绍了“ (html)用jquery控制图片的宽度进行放大效果，当img的宽度等于外层div的宽度时，img的宽度就不能再放大了，怎么突破这个限制？”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：/itwd/4347812.html
上一篇： 下一篇：}