专注于免费网站建设领域,为诸多企业免费创造了一个个行业标杆网站,助力网民变访客,访客变顾客,共迎更伟大、更具机遇的未来。

您现在的位置: 首页>>免费教程>>建站教程

CSS强制图片自适应宽度大小

来源:本站 发布时间:2023-05-25热度:1916 ℃
用CSS代码的expression属性强制改变网页图片的原有大小,以自适应大小而不影响网页布局,测试图片为源码爱好者LOGO,你可以试着着更改宽度值,以查看显示效果。<!DOCTYPE html···

用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