CSS中使用expression完美设置页面最小宽度
2017-12-15 00:00
351 查看
上传了一个大于400PX的图片时,浏览正文将出现图片将页面撑开的情况,通过CSS控制,将一些比较大的图片按长宽比例控制在400PX,点击图片后在新窗口显示完整大小的图片:
img {
width: expression(this.width > 400 && this.width > this.height ? 400 : auto);
height: expression(this.height > 300 ? 300 : auto);
}
img {
width: expression(this.width > 400 && this.width > this.height ? 400 : auto);
height: expression(this.height > 300 ? 300 : auto);
}
相关文章推荐
- CSS中使用expression完美设置页面最小宽度(兼容ie)
- Asp.net_完美设置页面最小宽度(兼容ie)
- Asp.net_完美设置页面最小宽度(兼容ie)
- [CSS学习网站地址]兼容IE6/IE7/FF的页面最小宽度设置
- CSS设置页面最大最小宽度
- 使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面
- 写注册页面时使用的expression(css的行为)
- html标签怎么使用CSS设置宽度?
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- css 设置浏览器最小宽度
- 在IE中使用最小宽度min-width(CSS版)
- 学习总结--Css中最小宽度min-width和最大宽度max-width属性的使用方法
- 在IE中使用最小宽度min-width(CSS版)
- [cnblogs镜像]页面定制CSS代码初探(三):设置正文最小高度
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- 页面使用iframe时,在css样式表中设置body宽度和直接在页面上设置其宽度的不同
- [html&css]Pass Through - 41.HTML 使用负值设置页面元素的margin属性
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 手机网页示例1——通过CSS的宽度百分比设置达到页面自适应效果