当前位置：网站首页 > 培训教程 > Html5 > 正文

网页图片自适应大小_湛江HTML5

作者：admin发布时间：2020-11-27分类：Html5浏览：2247

导读：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w007.org/...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w007.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w007.org/1999/xhtml">
<head>
<style type="text/css">
img,a img{
border:0;
margin:0;
padding:0;
max-width:300px;
width: expression(this.width >300 && this.width > this.height?300px : 'auto';);
max-height:500px;
height: expression(this.height >500?500px:'auto';);
}
</style>
</head>
<body>
<div>
<div></div>
<table width="300px" height="500px">
<img src="box_bg1.gif">
</table>
</div>
</body>
</html>

相关推荐