`
zhangfeilo
  • 浏览: 391110 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
社区版块
存档分类
最新评论

纯css的防止图片撑破页面的代码(图片自动缩放)

    博客分类：
  • html
htmlImgauto 
阅读更多 
<!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">
.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="images/01.jpg"/></p>
  <p><img src="images/02.jpg"/></p>
</div>
</body>
</html>

 

0
顶
1
踩
分享到：
| JAVA导出Excel
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css js常用效果用法

    css js常用效果用法：纯CSS制作的新闻网站中的文章列表；定义li图片头；在DIV中图片垂直、水平居中(最简单方法)；纯css的防止图片撑破页面的代码(图片自动缩放)

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    UIWebView的使用代码

    此外，该方法规定执行的脚本时长限定在10s内，为的是防止过长时间的阻塞页面主线程，超过执行时间上线会自动停止脚本运行，并且脚本可分配内存限定在10MB内，超过分配上线将会引发异常。 javascript调用native代码 ...

    《程序天下：JavaScript实例自学手册》光盘源码

    1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒...

    程序天下:JavaScript实例自学手册

    1.2 页面自动最大化 1.3 页面自动刷新 1.4 页面的后退、刷新、前进 1.5保护网页源代码 1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒...

    jQuery攻略.pdf

    314 10.20 使文字围绕图片显示 316 10.21 在图片背后放置阴影 317 10.22 当鼠标移过链接的时候改变鼠标样式 319 10.23 在指定的区域中显示长文字 320 10.24 创建圆角的栏 322 10.25 应用文字装饰 323 10.26 缩放图片 ...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Android 一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导开发 IOS 由苹果公司开发的移动操作系统 Webkit 一个开源的浏览器引擎，在手机上的...

    网趣网上购物系统的部分特点与精华

    文字式采用流行的div+css开发设计，界面新颖美观，采用文字式导航条更有利于搜索引擎抓取页面信息，同时程序还支持原有的图片式菜单效果，后台可轻松切换使用，以上2类导航条菜单均支持模板切换时导航条自动变换颜色...

    网趣网上购物系统时尚版V13.0

    文字式采用流行的div+css开发设计，界面新颖美观，采用文字式导航条更有利于搜索引擎抓取页面信息，同时程序还支持原有的图片式菜单效果，后台可轻松切换使用，以上2类导航条菜单均支持模板切换时导航条自动变换颜色...

    网趣网上购物系统时尚版

    文字式采用流行的div+css开发设计，界面新颖美观，采用文字式导航条更有利于搜索引擎抓取页面信息，同时程序还支持原有的图片式菜单效果，后台可轻松切换使用，以上2类导航条菜单均支持模板切换时导航条自动变换颜色...

    网趣网上购物系统时尚版 V9.0

    文字式采用流行的div+css开发设计，界面新颖美观，采用文字式导航条更有利于搜索引擎抓取页面信息，同时程序还支持原有的图片式菜单效果，后台可轻松切换使用，以上2类导航条菜单均支持模板切换时导航条自动变换颜色...

    C#编程经验技巧宝典

    2 &lt;br&gt;0003　设置程序代码行序号　3 &lt;br&gt;0004　开发环境全屏显示　3 &lt;br&gt;0005　设置窗口的自动隐藏功能　3 &lt;br&gt;0006　根据需要创建所需解决方案　4 &lt;br&gt;0007　如何使用“验证的目标架构”功能　4 ...

    TnT工具调整「TnT Tool Tweaks」-crx插件

    1新公告需要对格式1.5版进行细微调整，已向“广告系列”页面添加了css调整以重新格式化启动公告框。 已更新为清单版本2。版本1.4.2已添加“ login.do”作为“广告系列”页面的url匹配，假设大多数人会将其设置为默认...

    js使用小技巧

    窗体图片 document.images[索引] 窗体事件绑定 document.onmousedown=scrollwindow; 元素 document.窗体.elements[索引] 对象绑定事件 document.all.xxx.detachEvent("onclick",a); 插件数目 navigator....

Magicbox
Global site tag (gtag.js) - Google Analytics