用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
投稿猜你喜欢
- Template无疑是一个好东西，可以将字符串的格式固定下来，重复利用。同时Template也可以让开发人员可以分别考虑字符串的格式和其内容
1.计算机语言的基本概念 计算机语言(Computer Language) 指用于人与计算机之间的通信。2.解释型和编译型语言的区别 编译型- 本文介绍了几种常用的python下载文件的方法，具体使用到了htttplib2，urllib等包，希望对大家有帮忙。1.简单文件下载使用ht
- 一、需求来源工作中需要一种树形菜单组件，经过两天的构思最终通过作用域插槽实现： 此组件将每个节点（插槽名为 node）暴露出来。通过插槽的
- Jaspersoft Studio添加数据库配置可以解决报表字段较多，手动添加效率低的问题。添加数据库配置，笔者这里以 mysql 为例，步
- 前言本篇文章要使用OpenCV、Numpy 和Math这3个工具包实现一个简单的滤镜编辑器。在这个滤镜编辑器中，包含了3种滤镜效果，它们分别
- 列表生成式语法：[x*x for x in range(0,10)] //列表生成式,这里是中括号//结果 [0, 1, 4, 9, 16,
- 本文实例讲述了python实现合并多个list及合并多个django QuerySet的方法。分享给大家供大家参考，具体如下：在用pytho
- 通用用法但上图的字段名，类型需要根据不同接口填写，如某服务接口：因而对应的上传代码如下：# 输出参数：请求响应报文import reques
- 使用PyQt5应用程序制作PDF转换成图片的小工具，可以导入PDF文档后一键生成对应的PNG图片。PDF图片转换小工具使用的中间件：pyth
- 画布可以做很多事情，比如可以绘图，也可以做海报。在这里只是想拿它来的实现亲笔签名，开启不一样的亲笔签名姿势。开发框架：uniapp开发语言：
- 程序比较大，运行时间又长的时候，不想等着结果，只要先确保程序功能正确无误，可以把需要的结果print然后保存到TXT文件中，超级方便# 创建
- PowerDesigner简介 工具的用途 ：这里我只介绍他在SqlServer数据库的应用，其它的我也不懂。工具的好处 ： 个人
- 在Asp中如何得到所有表单的名称跟对应的值。其实，这个问题很简单，但是可能还是有很多人不知道该怎么做，所以特地写下来，仅供参考。在Asp程序
- 引言照例，我们先来一个场景~面试官:"知道事务的四大特性么?"你:"懂，ACID嘛，原子性(Atomicity
- 我用asp+access写程序， sql="select *&
- 本文实例为大家分享了python树莓派红外反射传感器的程序，供大家参考，具体内容如下1、工具rpi3，微雪ARPI600，Infrared
- 本文实例讲述了Python删除windows垃圾文件的方法。分享给大家供大家参考。具体如下：#coding:utf-8import os#f
- PHP join() 函数实例把数组元素组合为一个字符串：<?php $arr = array('Hello',
- 简介Pycharm安装以后必须激活后，才能正常的使用。否则就不能使用。激活PyCharm1、Activation code激活优点：Wind
