qflyalltime
小羊也疯狂
采纳率88.4%
2018-07-01 03:38

为什么给图片设置width:100% 它的高度并没有跟着变化

5
已采纳

这个图里面就跟着等比缩放,
图片说明

为什么这个图就不行?
图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

13条回答

  • qq_31267527 摩羯座8838 3年前

    由于图片是替换元素并且该图片还进行了绝对定位,且你又没有设置height属性,这时浏览器会显示它的内在高度,534.
    处理方式:
    1.将position:absolute去掉或换成relative,或者手动设置height属性。

    点赞 评论 复制链接分享
  • hufangzhou_hfz hufangzhou_hfz 3年前

    你只是单独的设置了width的大小,并没有设置height,height默认值就是auto,background还有很多属性,可以通过background-size这个设置图片的大小

    点赞 评论 复制链接分享
  • weixin_41767335 weixin_41767335 3年前

    你要看看你父级元素的宽度有多大啊

    点赞 评论 复制链接分享
  • weixin_42532633 曹天笑 3年前

    我觉得是 你的样式 和swiper插件的样式冲突了,这个问题应该是 position,或者float问题引起的

    点赞 评论 复制链接分享
  • zhangbei456 地方都说过 3年前

    我帮您看看是什么地方你到width设置了414px

    点赞 评论 复制链接分享
  • u013270347 fewbadboy 3年前

    你的代码img元素的父类宽度位414px,你这设置图片 width:100% 最多也就宽度414px

    点赞 评论 复制链接分享
  • lsylxr lsylxr 3年前

    行间样式最强大,虽然有点繁琐。最终看行间样式

    点赞 评论 复制链接分享
  • xuying20130715 xuying20130715 3年前

    看一下父元素或者css中是不是对图片的高度进行了限定

    点赞 评论 复制链接分享
  • asdjtr 剑阁_jtr 3年前

    可以设置一下高度自适应 height: auto;或者在外面加个div,给div设置宽高

    点赞 评论 复制链接分享
  • minjiaren mengchanmian 3年前

    设置一下最小宽度试试.
    应该可以.

    点赞 评论 复制链接分享
  • jslang 天际的海浪 3年前

    设置height: auto;

    style="width: 100%; height: auto;"

    或者换张图片试试

    点赞 1 评论 复制链接分享
  • BAIMUQIAO Judy_Marder 3年前

    举一个小例子:

    .a{
    position:relative,
    padding-top:50%;
    height:0;
    overflow:hidden;
    }
    .a img{
    position:absolute;
    top:0;
    width:100%;
    }
    //padding-bottom=div的宽/高*100%;

    //div中高度为0,溢出隐藏

    点赞 评论 复制链接分享
  • weixin_41991005 轻抚剑锋 3年前

    设置他自己本身100%不行,就试试其他方法,比如设置像素,设置包着它的div,查查swiper的文档看看有没有相关的文档等(我没用过swipe,刚入行不久,嘻嘻),耐心点总能找到方法的。

    点赞 评论 复制链接分享