如何使用CSS强制图片自适应大小

如题所述

举报该问题

第1个回答 2013-07-24

#a1{ width:300px; height:100px; border:solid 2px #00F;}
#a1 img{ width:100%; height:100%;}
<div id="a1">
<img src="imges/a1.jpg" width="500" height="300" title="不会超出的图片" />
</div>不明白追问。

第2个回答 2013-07-24

<!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>无标题文档</title>
<style type="text/css">
img {width:expression(this.width>600?"580px":this.width+"px");}
</style>
</head>
<body>
图片宽度大于600像素都强制显示为580像素宽<br><br>
<div>
<img src=" http://www.makewing.com/lanren/wallpaper/wallpaper-0013.jpg" />
</div>
</body>
</html>本回答被网友采纳

相似回答

css如何设置图片大小自适应答：首先用dw编辑器建立了一个静态页面将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示在两个p的class中添加相同的控制图片的class名为了”img“，并为...

怎样用css控制图片自适应大小?答：1、首先用dw编辑器建立了一个静态页面 2、将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”3、在body中添加两个div，设置不能的宽度，并设class 为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示 4、在两个div的class 中添加相同的控制图片的...

css如何设置图片大小自适应?答：1.用dw编辑器建立了一个静态页面 2.将建好的静态页命名为css.html，标题为了“css如何设置图片大小自适应”3.在body中添加两个div，设置不能的宽度，并设class为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示 4.在两个div的class中添加相同的控制图片的class名为...

CSS中如何控制图片大小的方法介绍答：◎ width:600px; 在所有浏览器中图片的大小为600px;◎ 当图片大小大于600px，自动缩小为600px。在IE6中有效。◎ overflow:hidden; 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。二、有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度css代码如下： img...

怎么让css随电脑像素尺寸自适应?答：第一步：你的这个banner，要设计成左右两端可以与页面背景相融合的那种形式。比如左右两端都用了渐变透明，看上去与整个网页的背景融合在了一起。第二步：这个1000px的banner，在屏幕上居中显示。然后不管你的显示器分辨率多宽，它都会居中。通过这种方式。这个1000px的banner，让人看上去不分显示器分辨率...

CSS强制图片大小 CSS图片大小如何自动缩放答：1、首先，打开html编辑器，新建一个html文件，例如：index.html。2、其次，在index.html中的标签中，输入css样式代码：body {background: url(image7.jpg) no-repeat;background-size: 250px;}。3、最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。

如何用CSS使图片自适应显示宽度答：一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。还是要看是什么情况下来去自适应图片的，如何使用CSS强制图片自适应大小 <!DOCTYPE PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" " :w3./...

CSS使图片自适应显示宽度代码怎么用?答：除了布局和文本，"自适应网页设计"还必须实现图片的自动缩放。这只要一行CSS代码：img { max-width: 100%;} 这行代码对于大多数嵌入网页的视频也有效，所以可以写成：img, object { max-width: 100%;} 老版本的IE不支持max-width，所以只好写成：img { width: 100%; } 此外，windows平台缩放图片...

大家正在搜

图片如何自适应大小表格怎么自适应大小表格自适应大小网页内容自适应屏幕大小网页自适应窗口大小 js实现大小屏幕自适应如何让页面自适应框架自适应屏幕大小 img自适应div大小

关于如何利用CSS自动调整图片的大小

HTML/CSS的自适应高度，高度问题如何解决？

怎样用css控制图片自适应大小？

CSS强制图片大小 CSS图片大小如何自动缩放

CSS使图片自适应显示宽度代码怎么用？

html5 怎么让图片自适应？

DIV+CSS，如何让图片自适应大小？

css怎么让一张图片适应任何屏幕大小的电脑平铺?