用CSS实现图片等比例缩放
作者：chencncj 来源：2guys.cn 发布时间：2008-01-18 21:10:00
标签：缩放,图片,css
您是否常常在做网页的过程中发现一个问题呢？当图片上传的时候，如果图片太大 ，就会把网页撑破，唯一做的就要先把它用软件缩小，再上传上去，这样重复的工作，您是否已经厌烦呢？
我昨天在做网页的时候也遇到这个问题，因此研究了一下，查找了网络上关于图片的CSS控制，总结出一个小技巧，我们可以通过修改CSS样式，来达到让图片等比例地限制在一定大小！
asp之家注：图片太大如果不做如何处理当然会破坏网页布局，要解决这个问题方法很多，简单的其实我们可以只要给图片限制一个宽度，或者像上面说的用软件缩小，当然这个是非常麻烦的，效率高的可以使用aspjpeg组件给图片自动生成缩略图；或者用CSS控制图片的大小，要想不让图片撑 * 页何以加上overflow:hidden，把超出部分隐藏掉;
相关代码：
img {
max-width: 600px;
width:expression(this.width > 600 ? "600px" : this.width);
overflow:hidden;
}
600的意思是指，我让图片宽度限制在600之内，如果小于600的，当然按照原本尺寸，如果超过600的，则按照宽为600，高为按比例缩小，这样，图片的显示效果就出来了！
0
投稿猜你喜欢
- 用ASP.NET与SQL SERVER可是缘份最好了，稍大的程序一般第一先考虑的是SQL SERVER，只是一些很考虑经济的才使用ACCES
- 代码如下:--销售冠军 --问题：在公司中，老板走进来，要一张每个地区销量前3名的销售额与销售员的报表 --- create t
- 有一编文章是用JavaScript对XML文件操作来实现无限级联动菜单的，我们可结合ASP来完成对数据库值的读取，然后写入XML文件，再用J
- http://validator.w3.org/#validate_by_upload 在线校验网址点浏览，上次找到自己做的页面
- 我准备在ASP中连接MYSQL了，请问如何做？首先要正确安装MYSQLX，装好之后，可调用以下程序即可正常访问MYSQL：<％@&nb
- 在后台添加中一般我们都设置了一个“关键字”，而且一般输入可能如下： 娃娃，毛绒娃娃，日本充气娃娃 我们将根据这个来做，具体实现如下： 先看一
- 但是有时候，可以视看处进逻辑程度，可以把三者写成一个触发器，只是在其中稍作判断而已。 你可以根据从下面方法判断触发器是是处理了插入，删除还是
- 具体代码和说明如下：upload.asp<form action=http://<％= Request.&n
类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。二、CSS规则定义之“背景”·背景有背景颜色和背景图像的选择设置。·利于背景图- SQL Server中事务日志的作用：持续记录数据库所有的事务和这些事务对数据库所做的修改;一旦数据库出现灾难事件，就需要事务日志来进行近期
- 这个是我在蓝色看到的，楼主想实现图片按比例缩放的功能（缩略图），把图片固定在一定的宽高范围内，不会变形，失真。例如：缩略图的框是94px*9
- 我们知道在超级链接的title属性中，是不支持html代码的，我们只能使用文本来处理提示信息。当然借助js可以做出很好的效果。这里讲一下如何
- 开发web应用程序是一件非常辛苦的事情，你需要花大把大把的时间来做无数的事情。假如你不运用有条理的方法，尤其是在复杂的项目中，你会承受忽视项
- 每个浏览器都有自己的默认样式，这是一段预定义的CSS，用以简单地呈现网页。在Firefox中的地址栏中输入resource://gre/re
- 如何清除Vbscript惹出来的中文乱码？ ＜script language=vbscript runat=s
- 很多设计师都会遇到这样的问题。一个产品会有很多种方式去包装，其中包括很多功能和很多体验。功能越多会被认为越实用，体验越好会被认为越方便。方便
- 一、在访客的内心深处做导航我讨厌迷失，不管是在道路上或是在线网络上。猜想一下？您的访客也是这样的。就像我们期望看到的道路上的路标一样，来帮助
- 下面我们以论坛排行榜举例说明：<％ @ LANGUAGE="VBSCRIPT" ％&
- 很多开发人员对于IIS和ASP.NET的安装等问题困扰,特此做下面的小总结,请大家多交流!iis 坏了修复办法!一般IIS运行不了ASP.N
- 无意中看到以前在电脑上保存的一个html页面，关于div水平垂直居中的问题。如何实现div水平垂直居中呢？1.已知宽高度水平垂直居中posi
