用CSS代码的expression属性强制改变网页图片的原有大小,以自适应大小而不影响网页布局,测试图片为源码爱好者LOGO,你可以试着着更改宽度值,以查看显示效果。
<!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" mrc="text/html; charset=gb2312" />
<title>CSS强制图片自适应宽度-www.31jz.com</title>
<style type="text/css">
img {width:expression(this.width>100?"860px":this.width+"px");}
</style>
</head>
<body>
如果LOGO宽度大于100像素则强制显示为860像素宽,高度没有定义。实际上LOGO宽度为351像素。<br><br>
<div>
<img src="https://www.31jz.com/static/upload/image/20221116/1668592599535624.png" />
</div>
</body>
</html>
本文地址:https://31jz.com/jzjc/833.html