1、可以用css3中“transform scale”属性对图片进行缩放1新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleXn”，scaleXn指的是对宽度进行缩放，n指的。

2、1可以将图片放大的容器或元素设置为fixed，这样就可以当鼠标悬停时，容器将会覆盖在其他图片上方2将图片放大的容器设置为可以移动，这样可以让容器随着鼠标移动而移动，从而将其他图片挡住的情况防止3给图片放大容器。

3、源码如下 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitleCSS3鼠标滑过图片放大特效DEMO演示lttitle ltstyle htmlfontfamilysansserifmstextsizeadjust100%webkit。

4、一种是JS抓取浏览器的resize事件，另外一个，新单位，低版本浏览器不兼容 1vw = 当前视图窗口viewport1%的宽度 1vh = 当前视图窗口viewport1%的高度 1vmin = 1vw 或 1vh， 取决于哪个更小一点 1vmax = 1vw。

5、3添加“onmouseout”js事件，首先获取图片标签，然后定义鼠标移开图片时发生的事件，这时图片将会缩小JS实现鼠标移动到缩略图显示大图的图片放大效果可以用js事件“onmouseover”和“onmouseout”来实现1新建html文档，在。

6、图片可以设置百分比，根据窗口的大小自动缩放，字体不能自动缩放除非用@media screen给不同的窗口大小写不同的字体大小样式。

7、假设图片外层DIV的class为pic，图片的大小是400*300，html代码可以写成下面这样ltdiv class=quotpicquot ltimg src=quotabcjpgquot width=quot400quot height=quot300quot ltdiv 如果希望鼠标经过时图片的尺寸变成600*450，那么在css。

8、ASP背景图片怎样正好等于浏览器大小 可以通过CSS解决 但是不推荐这样使用 最好还是做个小图片循环拼接 这样的效果比适应分辨率做出来的要好 div设置背景图片，窗口宽度变小后背景图片会缩小变成两个三个，css应该怎么改。

9、h = h * Ratio objImgheight = h objImgwidth = w 以上是js的方法 下面这个是引用的imgltimg id=quotlc_divquot src=quot图片路径quot onload=quotAutoResizeImage500，500，thisquot。

10、4关闭弹出层和遮罩层用hideDiv函数， 其中showId 表示弹出层的divId， backId 表示遮罩层的divId先关闭弹出层，后关闭遮罩层5点击按钮后，弹出，要给按钮加上onclick函数，ltbutton onclick=quotpopDiv#39form。

11、在编写的JavaScript中定义两个函数一个是放大图片和字体，一个是缩小图片和字体，然后在图片和字体的代码中用onMouseOver事件调用第一个方法用onMouseOver调用第二个方法。

12、inx = $thisindexvar Imgsrc = $#39tab#39find#39img#39eqinxattr#39src#39#39show#39find#39img#39attr#39src#39，Imgsrcltscript lthtml 引一个jquery文件，图片地址替换一下就可以了。

13、需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码其中iconpng是放大镜图标ltdiv ltinput type=quottext。

14、用JavaScript实现图片点击放大再次点击恢复代码如下知识拓展JavaScript 是目前所有主流浏览器上唯一支持的脚本语言，这也是早期JavaScript的唯一用途其主要作用是在不与服务器交互的情况下修改HTML页面内容，因此其最关键的部分。

15、你可以使用layerjs，layerphotos这个是网址，有最新版本，你可以使用最新版本的 效果大概如下。