图片自适应_html/css_WEB-ITnose
程序员文章站
2024-01-26 18:45:58
...
我在做前端页面,div块我固定了大小,但是我放进去的图片比这个div定义的大,我该如何写代码让图片自适应这个div大小?
回复讨论(解决方案)
img固定大小 或者图片设成背景
写js控制img的大小,适当绽放比例
max-height:100%; max-width:100%
width:100%;height:auto;
width:auto;height:100%;
可以利用背景图片插入,并设置属性background-size:value;
这个value可以是3个:1.width(height会默认auto),值可以是px。也可以是百分比;
2.cover;
3.contain。
上一篇: 使用SQLServer 2008的CDC功能实现数据变更捕获
下一篇: Oracle体系概述--实例
推荐阅读
-
图片自适应_html/css_WEB-ITnose
-
响应式设计时如何自动阻止移动浏览器自动调整页面大小_html/css_WEB-ITnose
-
固定网页页脚的最佳方法(译)_html/css_WEB-ITnose
-
使用 Emmet 生成 HTML 的语法详解_html/css_WEB-ITnose
-
JavaScript学习笔记: 数组(七)_html/css_WEB-ITnose
-
微信访问页面,莫名其妙刷新两次,火狐、谷歌、ie无问题_html/css_WEB-ITnose
-
HTML学习笔记之(二)颜色体系_html/css_WEB-ITnose
-
Javascript Object、Function对象_html/css_WEB-ITnose
-
实现jsp绝对跳转,前面不加工程名。如直接跳转到百度。_html/css_WEB-ITnose
-
CSS Modules详解及React中实践_html/css_WEB-ITnose