<div style="width:50%">
<img src="/seller/templates/img/bg_logo_left.png" alt="">
</div>
请问我怎么只设置高度呢?让图片自适应呢? 图片的宽度远超50%的宽度
我现在这里的图片 处理 总是失真
<div style="width:50%;height: 30vh;">
<img src="/seller/templates/img/bg_logo_left.png" style="width: auto;height: 100%;vertical-align: middle;" alt="">
</div>
img 所在容器父元素,高度设置为你需要的高度,这里设置为 30vh;
img 宽度设置为 auto
; 高度为 100%
.设置vertical-align: middle;
是为了避免可能出现的留白问题。
按照你截图的位置,为了图片的展示效果, img 还可以配合 object-fit: contain;
或者 object-fit: cover;
使用。
一般来说我会使用CSS背景图(background-image
)的形式,配合 background-size:cover 就能实现。
如果像OP你这样按照案例改变的,也可以使用 <img>
标签固定宽高 + 搭配 object-fit: cover; 来实现。
当然如果你想要做缩放的效果的话,可以用下面的方式来实现:
Codepen Demo
这样试试看:
<div style="width:50%">
<img src="/seller/templates/img/bg_logo_left.png" alt="" style="width: auto; height: 100%;">
</div>
手机端图片轮播图高度,大家一般怎么写的呢?如果不用js 获取图片高度再设置的,直接用css 能让图片高度自适应吗?
我想等submit_order_info 这个接口调用后,再执行that.get_check_submit_order() 这个接口的调用, 请问如何去修改?
我想把arr2中的is_checked 属性值 复制给 arr1中的is_checked 想要的结果是: 以为是个双重循环,有点不知道怎么写
大家平时用vue做后台管理系统的时候,一般是直接用现成的后台ui框架开发(就是类似安装好源码后,直接就是一个后台管理系统的),还是自己去结合一些ui框架从0开始写后台? 如果是用现成的后台ui框架开发,大家一般选择哪个ui框架的比较多?比较成熟,没有坑呢?
现在项目里有个逻辑关于数据流程状态的,两个用户在各自客户端同一个审核页面操作更新同一条数据,用户A做审核通过,用户B再审核驳回。 现有的方案是两边接口都传待审核的状态过去给接口校验,用户B点的审核页可能会获取最新数据状态,但也要存下其他用户操作前的待审核状态,我觉着这太麻烦了不符合逻辑,直接接口里拿最新的数据状态和要操作的类型比对不就行了,大家怎么看这种逻辑是否合适?
我目前已经实现了h5页面 通过html2canvas 转成画布,这种画布,我也可以把这个画布转成64位,通过接口,返回一个真正的图片线上地址,然后让用户,长按保存, 但是我现在不知道能不能直接通过点击按钮的方式,直接保存到用户相册?如果确实不能的话,我就按上面说的去做了,