首页 分享 CSS图片等比缩放

CSS图片等比缩放

来源:花匠小妙招 时间:2024-12-25 21:04

图片大小自适应

最新推荐文章于 2024-06-13 19:04:45 发布

lilian129 于 2014-07-25 09:14:23 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

CSS等比例控制图片显示大小
有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度

    css代码如下:

   .detail_span img{

     max-width:310px;width:expression(this.width>310  "310px":this.width);

   }

        /* max-height:310px;
        height:expression(this.height>310 "310px":this.height);*/
    }

这样当图片的高度或宽度若超过310px,将会按比例压缩成310px,如果不超过则按原大小显示。

相关知识

不要再问我移动适配的问题了
花纹背景css整站模板资源
移动端页面适配
基于Viewport的移动端web屏幕适配方案详解1. 前言 随着手机,平板等移动设备的普及,现如今的绝大多数web应用
移动端适配原理与方案详解移动端适配是指在不同尺寸的手机设备上,页面能相对达到合理的展示(响应式)或者保持统一效果的等比缩
基于Viewport的移动端web屏幕基本适配方案详解
彻底搞懂移动Web开发中的viewport与跨屏适配
移动端适配方案进阶
【移动端布局】2
怎么做移动端适配?

网址: CSS图片等比缩放 https://www.huajiangbk.com/newsview1290810.html

所属分类:花卉
上一篇: #每日一题2018/3/21
下一篇: 收录花的结构(小学四年级科学)B

推荐分享