本文目录一览：
JS/CSS控制图片大小自适应按钮的大小
在做网站的时候，往往图片的处理很重要，固定尺寸容易变形拉伸，不固定又会有不可预知的问题，有可能撑开页面。使用js和css将图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。
首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。-jsimage缩放
CSS程式码如何使图片自适应显示宽度 图片尺寸过大将会影响页面布局。最理想的解决方案自然是自动生成缩图，涉及的后台工作较为复杂，用CSS进行控制是一个可以接受的捷径。 如果用width 属性强行设定显示尺寸似乎太不智慧。-jsimage缩放
如何利用JS或者CSS样式来自动调整图片大小
首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的标签中，输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。-jsimage缩放
可以通过cover和contain来对图片进行伸缩。
导入 background-image.就只有这2种方法，即使是用JS或者其他语言来控制，也是万变不离其宗，这两种方法就是本质。
就只有这2种方法，即使是用JS或者其他语言来控制，也是万变不离其宗，这两种方法就是本质。
图片按比例缩放js
1、这个是把图片固定在宽和高各是100px，在这区间进行缩放。
2、js代码：var oImg = document.getElementById(img)；oImg.width = 50px //当给img标签的宽度设置为50px后，高度会自动按比例缩小。
3、在随意位置也可以使用缩放比例计算，只是偏移中心一段距离。如中心点是c.x*scale，则左移20px是(c.x+20)*scale。
4、center；}.imgBox， .imgBox img{width：100%；height：100%；}如上代码可以实现，把图片换一下就OK了，希望可以帮到你。
求一个简单的点击图片放大缩小的JS代码
分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。
代码如下： 单击图片即可放大图片 点击图片预览效果。
用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
用JavaScript实现图片点击放大再次点击恢复代码如下：知识拓展：JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途。
用JS结合CSS完成！ 以上显示的是过行的，但是复制过去了要在同一行哈 onMouseOver 对应的height 和widtth是鼠标经过的变大的值，onMouseOut对应的是原始大小。
