为了账号安全,请及时绑定邮箱和手机立即绑定

怎么改变图片大小?

怎么改变图片大小?

NadiaSmile 2016-10-27 15:39:19
图片尺寸1000*320,相让它宽度充满屏幕,在img里style让宽度为100%,然而图片就变了,一张图片变成三张层叠起来充满的浏览器怎么解决?
查看完整描述

24 回答

已采纳
?
慕粉17775304988

TA贡献2条经验 获得超0个赞

设为背景,background:URL() 不重复(no-peat),就不会重复了,一般图片你要是高度和宽度是协调的,你要是拉伸,这样不好看,这要看你自己想要的效果

查看完整回答
反对 回复 2016-10-27
?
心有猛虎_细嗅蔷薇

TA贡献119条经验 获得超250个赞

//img1.sycdn.imooc.com//5812b28300012f4616420382.jpg

我也遇到这个问题,固定比例的照片想让它填满。模模糊糊有个感觉,可能涉及到盒子模型。可下边的人说的都不清楚。

如果你解决了,麻烦告我声,感激不尽~


查看完整回答
2 反对 回复 2016-10-28
?
qq_醉落夕风_0

TA贡献25条经验 获得超1个赞

背景图设置background-size:cover;如果div是100%;那么background-size:100% 100%

查看完整回答
反对 回复 2018-08-17
?
qq_醉落夕风_0

TA贡献25条经验 获得超1个赞

img属性能有三张你在逗我么,除非是背景图没有设置不平铺,也就是下面的no-repeat,你试着给它外面套一个div,宽度100%,然后img设置100%宽

查看完整回答
反对 回复 2018-08-17
?
落叶1111

TA贡献57条经验 获得超9个赞

。。。请问清楚

查看完整回答
反对 回复 2017-09-14
?
熙男

TA贡献5条经验 获得超5个赞

宽度设置为100%,高度设置为图片原始高度是可以出来效果的,如果只设置单方面的width或height则宽高都会按照比例等比缩放。虽然能出来效果但不推荐,图片会变形。

查看完整回答
反对 回复 2016-11-03
?
蝶梦疏妄

TA贡献19条经验 获得超2个赞

<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">    

<img src="(地址)3.jpg"  height="100%" width="100%"/>   

</div>嘛,我这样写反正满了(在某一个程度上面)


查看完整回答
反对 回复 2016-10-28
?
蝶梦疏妄

TA贡献19条经验 获得超2个赞

???宽度百分百,那高度呢?

查看完整回答
反对 回复 2016-10-28
?
self_potato

TA贡献53条经验 获得超27个赞


图片自身和父元素width都要设置为100%;

查看完整回答
反对 回复 2016-10-28
?
一身平安

TA贡献1条经验 获得超0个赞

非零即是真,真就执行冒号前面的语句
查看完整回答
反对 回复 2016-10-28
?
歌舞青春为梦发声

TA贡献2条经验 获得超2个赞

改变尺寸呗
查看完整回答
反对 回复 2016-10-28
?
ArPeng0

TA贡献2条经验 获得超2个赞

css width height 这两个属于,当然也可以使用img标签的这两个属性
查看完整回答
反对 回复 2016-10-28
?
weibo_自定义WY_0

TA贡献1条经验 获得超0个赞

heiht width
查看完整回答
反对 回复 2016-10-27
?
慕粉4300646

TA贡献1条经验 获得超0个赞

等比例放大

查看完整回答
反对 回复 2016-10-27
?
慕运维5505295

TA贡献2条经验 获得超1个赞


自带属性H5


查看完整回答
反对 回复 2016-10-27
?
凌晨的雨4280443

TA贡献1条经验 获得超0个赞

width: height:
查看完整回答
反对 回复 2016-10-27
?
网站程序员

TA贡献12条经验 获得超2个赞

背景的话 就要background-size:cover,如果是 img src的话 width:100%

查看完整回答
反对 回复 2016-10-27
  • NadiaSmile
    NadiaSmile
    img src 但是宽度100%,静态图片没有问题,加上js就不行了
?
破晓晨曦

TA贡献5条经验 获得超1个赞

用img标签的话 添加宽高会强行拉伸和重复图片 在此建议使用background-image 然后background-size:cover 图片覆盖满div就可以了

查看完整回答
反对 回复 2016-10-27
?
_地平线

TA贡献8条经验 获得超2个赞

myfocus方法怎么用?

查看完整回答
反对 回复 2016-10-27
  • NadiaSmile
    NadiaSmile
    下载myfocus库,把代码放到js文件夹里,然后导入 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>导入myfocus <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css" />导入自己想用效果的js和css连接 <script type="text/javascript" > myFocus.set({ id:"picBox" }) </script> 调用~~~
?
大了好不好

TA贡献1条经验 获得超0个赞

想改大小可以用background-size:cover,可以不

查看完整回答
反对 回复 2016-10-27
  • NadiaSmile
    NadiaSmile
    给那个元素设置? 我让img的background-size:cover 但是并不管用, 是被js效果影响了
首页上一页12下一页尾页
  • 24 回答
  • 0 关注
  • 6979 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信