【问题标题】:if an image isnt a background how do i make it fit it's container如果图像不是背景,我如何使其适合其容器
【发布时间】:2013-12-09 14:11:38
【问题描述】:

我找到了一个图片滑块,网址在下面。图像必须是一定的高度+宽度 在css中指定..但是我的图像太大了有没有办法让图像“伸展” 因为我不会调整 100 多张图片的大小.. 这些没有设置为背景图片。

Here is the page 希望这可以帮助任何对图像滑块大小有问题的人..

我会写一个 jsfiddle,但是有很多代码要包含,很抱歉给您带来不便

** 尝试过的事情 **

img{height:100%;width:100%;}
img{max-height:100%;max-width:100%}

以及在 img 标签中添加 style=""

【问题讨论】:

  • 你给img标签的父容器定义了宽高吗?
  • 检查这个stackoverflow Question
  • @ShreshttBhatt 这个问题的答案没有用,我在我的帖子中澄清了这一点!
  • 你试过img{display:inline-block;position:relative;width:100%}
  • @AlbusDumbledore 发帖作为答案,请接受它

标签: html image css


【解决方案1】:

你需要有一张inline-block的图片,然后给它width:100%

img{display:inline-block;position:relative;width:100%}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-08-05
    • 1970-01-01
    • 1970-01-01
    • 2013-02-25
    • 2022-10-13
    • 2011-03-19
    • 1970-01-01
    相关资源
    最近更新 更多