当前位置：Gxlcms > JavaScript > css+js完美控制图片大小

css+js完美控制图片大小

时间：2021-07-01 10:21:17 帮助过：2人阅读

使用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> 
<script type="text/javascript" language="JavaScript"> 
 
</script> 
<style type="text/css"> 
 
</style> 
</head>

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

css+js完美控制图片大小

人气教程排行