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

【CSS】给图片设置 max-width

.logo img{width:100%;  /* 缩成父盒子的100% */max-width:100%;  /* (谁小用谁的百分之百) *//* max-width:100%;【1】图片比盒子大,缩成父盒子的100%【2】图片比盒子小,图片自身的100%*/
}

示例

在这里插入图片描述
设置样式

.el-image {width: 100%;max-width: 100%;max-height: 100%;
}

在这里插入图片描述

http://www.lryc.cn/news/409943.html

相关文章:

  • 区块链——代码格式检查(prettier、solhint)
  • 搭建自动化 Web 页面性能检测系统 —— 部署篇
  • 知识图谱增强的RAG(KG-RAG)详细解析
  • python中list的深拷贝和浅拷贝
  • 【LeetCode】字母异位词分组
  • Golang | Leetcode Golang题解之第295题数据流的中位数
  • 【C语言】C语言期末突击/考研--数据的输入输出
  • How can I fix my Flask server‘s 405 error that includes OpenAi api?
  • LeetCode Hot100 将有序数组转换为二叉搜索树
  • 【Linux】线程的控制
  • Vue3自研开源Tree组件:人性化的拖拽API设计
  • MYSQL--触发器详解
  • C++实用指南:Lambda 表达式的妙用
  • FastAPI(七十八)实战开发《在线课程学习系统》接口开发-- 评论
  • 基于springboot+vue+uniapp的居民健康监测小程序
  • TypeScript基础【学习笔记】
  • 树莓派物联网服务器搭建流程:集成 Node.js、InfluxDB、Grafana 和 MQTT 协议
  • typescript 断言
  • 期刊评价指标及其查询方法
  • 巴斯勒相机(Basler) ACE2 dart 系列说明和软件
  • 【Pycharm中anaconda使用介绍】
  • 2024下半年,前端的技术风口来了
  • Spock Unit Test in Java
  • := 符号python
  • UPLOAD-LABS靶场[超详细通关教程,通关攻略]
  • 测试面试宝典(三十七)—— 接口测试中的加密参数如何处理?
  • 秋招突击——7/23——百度提前批面试准备和正式面试
  • 学习日记:数据类型2
  • Django Web框架——05
  • 【React】项目的目录结构全面指南