当前位置: 首页 > news >正文

CSS中使用expression完美设置页面最小宽度

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

上传了一个大于400PX的图片时,浏览正文将出现图片将页面撑开的情况,通过CSS控制,将一些比较大的图片按长宽比例控制在400PX,点击图片后在新窗口显示完整大小的图片:
img {
    width: expression(this.width > 400 && this.width > this.height ? 400 : auto);
    height: expression(this.height > 300 ? 300 : auto);
}

转载于:https://my.oschina.net/dslcode/blog/1590425

相关文章:

  • Android 从SetContentView()谈起
  • 为什么volatile不能保证原子性而Atomic可以?
  • SQL优化常用方法44
  • NoSQL
  • session再次理解
  • 陈杰:无服务器架构,让云端开发更纯粹
  • Redis的发布订阅及.NET客户端实现
  • 动态载入数据的无刷新TreeView控件(8)
  • ubuntu-基本命令篇-13-用户管理
  • 四大中三家已面向客户推出机器人业务解决方案?别逗了,先用机器人自我革命吧! post by 上海嘉冰信息技术...
  • python基础实践(二)
  • [Spring Cloud Task]3 框架配置详解
  • node.js
  • 本周末预计更新博客内容
  • 微信开发https服务搭建
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 【刷算法】从上往下打印二叉树
  • AngularJS指令开发(1)——参数详解
  • create-react-app做的留言板
  • Javascripit类型转换比较那点事儿,双等号(==)
  • JS 面试题总结
  • JS创建对象模式及其对象原型链探究(一):Object模式
  • js如何打印object对象
  • vue:响应原理
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 电商搜索引擎的架构设计和性能优化
  • 三栏布局总结
  • 使用SAX解析XML
  • 数组的操作
  • Oracle Portal 11g Diagnostics using Remote Diagnostic Agent (RDA) [ID 1059805.
  • ​ 无限可能性的探索:Amazon Lightsail轻量应用服务器引领数字化时代创新发展
  • ​学习一下,什么是预包装食品?​
  • #我与Java虚拟机的故事#连载05:Java虚拟机的修炼之道
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • $分析了六十多年间100万字的政府工作报告,我看到了这样的变迁
  • (1)Nginx简介和安装教程
  • (2020)Java后端开发----(面试题和笔试题)
  • (C)一些题4
  • (MIT博士)林达华老师-概率模型与计算机视觉”
  • (Redis使用系列) Springboot 整合Redisson 实现分布式锁 七
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (webRTC、RecordRTC):navigator.mediaDevices undefined
  • (二)丶RabbitMQ的六大核心
  • (算法二)滑动窗口
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • **登录+JWT+异常处理+拦截器+ThreadLocal-开发思想与代码实现**
  • .bashrc在哪里,alias妙用
  • .class文件转换.java_从一个class文件深入理解Java字节码结构
  • .NET/C# 推荐一个我设计的缓存类型(适合缓存反射等耗性能的操作,附用法)
  • .NET学习教程二——.net基础定义+VS常用设置
  • /bin/rm: 参数列表过长"的解决办法
  • /proc/stat文件详解(翻译)
  • @EventListener注解使用说明
  • @GetMapping和@RequestMapping的区别
  • @RequestBody的使用