css控制图片缩放，不担心拉升，变小下载

weixin_39821620 2019-04-26 10:30:19

根据image大小来控制图片是否缩放。不用担心图片自动拉伸。缩小
相关下载链接：//download.csdn.net/download/shizhengzz/1972660?utm_source=bbsseo

...全文

30 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/30993277 有问题请博客留言

HTML5浪漫爱心表白动画在线演示.htm 修改一下情人节送女友

是一种 CSS 样式属性，用于设置对象（如图片或视频）在容器中的位置。通过设置属性，可以改变对象在容器中的位置，从而实现布局上的调整。该属性的值可以是一个具体的像素值，也可以是相对于容器的百分比值。例如：设置可以将对象在容器中居中显示。该属性通常与object-fit属性一起使用，用于控制对象在容器中的大小和位置。

如果不控制图片的上传尺寸，在前端展示的时候图片会变形，让图片不变形可以从两个方面考虑。 1.图片按等比例缩放，充满父元素的大小，多余的部分截取（不显示），显示中间部分如果图片长/宽 >父元素长/宽，那就图片截取图片的长度，否则截取图片的宽度以下面图片为例 HTML css .box-img{height:200px;width:200px;bor

我们经常会需要把用户上传的图片等比例缩放在我们的网页上显示，下面我来介绍利用css控制图片比例缩放与javascript实现的方法，有需要了解的朋友可参考参考。按比例缩小或者放大到某个尺寸，对于标准浏览器(如Firefox)，或者最新都IE7浏览器，直接使用max-width,max-height；或者min-width,min-height的CSS属性即可。如：代码如下复制代码img{m...

下载资源悬赏专区

13,656

社区成员

12,674,435

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章