导航
首页
站内首页
网罗天下
网页前端
软件使用
站内首页
>
网页前端
>
HTML
> 正文
纯css的防止图片撑破页面的代码(图片自动缩放)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://pic1.xuehuaimg.com/proxy/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"> .content-width {MARGIN: auto;WIDTH: 600px;} .content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;} </style> </head> <body> <div class="content-width"> <p><img src="http://www.lanrentuku.com/down/js/images/12567247980.jpg"/></p> <p><img src="https://pic1.xuehuaimg.com/proxy/http://www.lanrentuku.com/down/js/images/12567247981.jpg"/></p> </div> </body> </html>
提示:可以修改后运行.
<<
CSS常用网站布局实例
超出的文字用省略,用…代替
>>
查看所有评论
昵称
评论内容
相关文章
原创-今日值班js调用代码带asp后台管理功能-可以按顺序不分任意调整
JS广告代码延迟加载或是最后加载加快页面载入
今日值班代码
分页代码
ASP实例:处理多关键词查询实例代码
炫彩变色菜单代码
40个网页常用小代码
常用的搜索代码整理精华
让广告代码不再影响你的网页加载速度
asp下载防盗链代码
在线留言
© 2021
i0561搜索
.All rights reserved.
v3.24
作者:
Netton
浏览:
发布时间:
10/10/16