css+js完美控制图片大小

257 阅读 0 评论 170 点赞

我是靠谱客的博主调皮石头，最近开发中收集的这篇文章主要介绍css+js完美控制图片大小，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>css+js完美控制图片大小</title> 
 
<style type="text/css"> 
 
</style> 
</head>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]