搜外网>搜外问答>问答页面

关于图片显示的问题,请教下大家。 悬赏3元 已结束

一个DIV  宽度是800高度是600.   装个图片进去,如果图片比DIV大,假如图片是宽是1000高是1500,怎么让图片按DIV的宽度缩小宽度显示,高度超出DIV了就显示图片中间位置,上面和下面超出的部分隐藏。

或者说的是图片自动等比例缩小成到宽度800高度1200,自动截取中间的800*600部分显示?CSS能实现吗?怎么写?

追加问题
    22 人参与回答
最佳回答
战略规划
战略规划 · 专业的战略咨询顾问

使用弹性布局也可以哦

.div{ border:1px solid #666; width:800px; height:600px;overflow:hidden; display: flex; align-items: center; }
.div img{width: 100%; height: auto;}

seoer
seoer · seo站群
mrs Q 等 1 人赞同该回答

让图片和布局宽度高度成等比例,这样CSS设置死宽度和高度,图片也是等比例缩小,图片也不会变形

推推蛙
推推蛙 · 擅长SEOSEM爱采购诊断、方案编写、优化运维。微信:tuituiwaseo
mrs Q 等 1 人赞同该回答

1、如果把图片格式去掉呢;

2、上传的时候,图片格式是有长宽高的,二次编辑,长宽高去掉,应该就能自适应了。

ps:上传图片,点击图片是有宽度、高度数值,把数值去掉,应该就可以自适应。


css代码改成自适应的就不会超出了

尚博思连锁管理系统
尚博思连锁 · 专业做美发、美容、养生、按摩、推拿、美甲行业收银系统

推推蛙说的对,一针见血。

@
@ · seo专业装盒机、灌装机、封口机、封尾机、旋盖机

你用的是什么建站程序呢?基本上上传图片的时候都可以设置图片属性等比例调整大小,

just
just · 零代码开发

代码写个自适应就好了,很简单的。

人生=π
人生=π · 建站小程序空间域名服务器百度爱采购

上传图片时在代码上设置

这个应该是模板网站的吧 你问问客服应该是多大合适 不行叫技术改成自适应的

为什么要用px,这样限定好了的不太好,可以用自适应

自适应,或者上传图片设置参数

太麻烦了,不如直接用ps操作一下,还能防止图片变形,过大影响网站

心存侥幸
心存侥幸 · 有道理点赞,答错了下滑。

自适应,或者上传图片设置参数

A 0湖北楚胜汽车.谢非
A 0湖北 · 环卫洒水车、垃圾车、压缩式垃圾车、扫路车、清扫车等专用车销售

看你用的是什么代码结构

微眠浅笑
微眠浅笑 · wwwwfyxbcn

自适应设置一下。。

加载更多