css控制图片的大小 css 图片大小控制

css图片大小控制？ 给你2个方法好了第一个比较简单，就是把img的尺寸都设为100%，例如；height：100px；div>；这样不管图片原始尺寸是多少，都会被限制在这个范围之内，不过这个方法有很大的局限性，必须要求图片的高宽比例与div的高宽比例一样，这样图片才不会变形第二个方法那就是比较常用的，就是调用js来控制，给你一个链接，你自己看着弄吧 参考资料：http：//www.lanrentuku.com/js/picture-634.html怎样用css控制图片自适应大小？ 设置百分比为100%怎样用css控制图片自适应大小？ 1、首先用dw编辑器建立了一个静态页面2、将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”3、在body中添加两个div，设置不能的宽度，并设class 为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示4、在两个div的class 中添加相同的控制图片的class名为了”img“，并为div添加控制宽度的样式5、在两个div中加入相同的图片，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了6、这个时候我们需要在img 类中加入限制图片的宽度的css语句让他自己适应容器的宽度.img img{ width：100%；height：auto}css控制图片大小 DOCTYPEhtml PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http：//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">；html xmlns=\"http：//www.w3.org/1999/xhtml\">；html；charset=gb2312\"/>；无标题文档imgplay{width：100%；height：100%；}imgplay li a img{border：0；}imgplay li a img：hover{width：150%；height：150%；}a href=\"#\">；<；img src=\"http：//img1.qq.com/lady/20050808/2138562.jpg\" />；<；/a>；<；/li>；a href=\"#\">；<；img src=\"http：//img1.qq.com/lady/20050808/2138563.jpg\" />；<；/a>；<；/li>；a href=\"#\">；<；img src=\"http：//img1.qq.com/lady/20050808/2138570.jpg\" />；<；/a>；<；/li>；大概就是你要的效果了 关键是 img也可以像a一样 应用 img：hover 来显示鼠标移上去的图片的效果.这上面是放大到屏幕的150％了。DOCTYPEhtml PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"html xmlns=\"http：//www.w3.org/1999/xhtml\">；html；charset=gb2312\"/>；无标题文档imgplay{width：。

#自适应#css#html代码#css样式#控制图