展会信息港展会大全

css 图片自动缩放 android软件开发教程
来源:互联网   发布日期:2016-03-25 16:31:27   浏览:2311次  

导读:本文章提供一款css 图片自动缩放代码,本款代码是选固定图片大小,如果当前图片的大小大于固定大小就对图片进行缩放否则就原图片不动。代码如下 复制代码 ...

本文章提供一款css 图片自动缩放代码,本款代码是选固定图片大小,如果当前图片的大小大于固定大小就对图片进行缩放否则就原图片不动。

代码如下

复制代码

<!doctype html 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">

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>css 图片自动缩放</title>

<style type="text/css">

.imgsize {

width:expression(this.width>78?"78px":this.width+"px");

height:expression(this.height>78?"78px":this.width+"px");

}

/*

兼容ie ,ff,ie7等浏览器做法

*/

max-width: 250px;

max-height: 186px;

width:expression(this.width > 250 ? 250 : true);

height: expression(this.height > 186 ? 186 : true);

</style>

</head>

<body>

<img src="/upfile/borough/picture/2010/06/26/20100626010000.jpg"class="imgsize"/>

<img src="/upfile/borough/picture/2010/07/19/20100719154725.jpg"class="imgsize"/>

</body>

</html>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港