【前端开发】css+xhtml+javascript=前端开发
您的位置:前端开发>图片自适应

图片自适应

  • 归类:javascript 点击:2,239次次 时间:2012-02-16

    需求:图片width<=330px,height<=150。 1、利用max-width,max-height使图片等比例自动缩放,代码: img{   max-width: 330px;   max-height: 150px; } 【由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小】  ...

  • jQuery图片自适应宽度插件jQuery.imgAutoSize.js

    归类:jquery 点击:4,427次次 时间:2010-12-20

    刚才收到朋友的邮件,说他们页面被FCK编辑器“搞醉了”,图片往往撑开了页面,问我如何处理。 如果是本地上传,最优秀的方法无疑是用后端裁减到合适的宽度,最次的技术就是使用javascript 对 Image对象控制了,遂写一枚简单的jQuery插件: // jQuery.imgAutoSize.js /...