HTML-网页图片按照设定大小显示

小组聊天灌水 小组聊天灌水 主题:993 回复:2175

HTML-网页图片按照设定大小显示

泛泛之交 发布于 2017-05-08 字数 55 浏览 938 回复 1

需要根据设定大小把图片进行,缩放显示 请问如何做

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(1

虐人心 2017-09-22 1 楼

这种情况有3种思路,一种是直接在在img里设定width和height,第二种是在上传或者显示的时候使用后台比如php等语言对图片进行截取保存,然后再显示。

这2种方式网上介绍很多,可以搜索一下。

第三种方式是使用js在客户端重新显示img。这种方式代码如下:

function resizeImage(img,width){
var image=new Image();
image.src=img.src;
var temp = image.width;
img.width = temp = (temp>width)?width:temp;
img.style.display = "inline";
}

这种方式的一个很好的优点是兼容IE6,如果不考虑IE6的话,可以简单的使用CSS的max-width属性。