dreamweaver 如何让图片的宽自适应屏幕大小,高度随宽度成比例显示 30

比如,添加了一个图片,宽度400高度200,修改width:100%,设置适应屏幕大小之后。比如屏幕是200px宽的,图片宽度自动显示为200px,但是高度却还是200p... 比如,添加了一个图片,宽度400高度200,修改width:100%,设置适应屏幕大小之后。比如屏幕是200px宽的,图片宽度自动显示为200px,但是高度却还是200px显示的。怎么让高度随宽度一起随比例显示 展开
 我来答
  • 你的回答被采纳后将获得:
  • 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏30(财富值+成长值)
匿名用户
2015-09-02
展开全部
1、插入一张 图片

2、设置图片样式,img{width:100%;}
注:不要给图片设置大小
追问
试过,这样插入之后,宽度是随屏幕大小满屏铺放的。但是图片高度是不变的,显示的时候,看起来就是宽度拉长或压缩了,导致图片变形了。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
阿爸家的爱丽A
2018-08-13
知道答主
回答量:6
采纳率:0%
帮助的人:2295
展开全部
设置max-width:100%
max-height:100%
不会变形
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
shuisen水森
2017-06-19 · 超过42用户采纳过TA的回答
知道小有建树答主
回答量:146
采纳率:50%
帮助的人:45.4万
展开全部
不设置高度就好了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式