【问题标题】:Stretch images contained in 1 div across screen在屏幕上拉伸包含在 1 个 div 中的图像
【发布时间】:2015-07-28 04:36:21
【问题描述】:

这可能是一个简单的修复,但我想在浏览器窗口中拉伸 3 倍图像,无论分辨率如何。

我在 CSS 中搞砸了百分比,但我似乎只能控制一个对象。

我的猜测是可能为每个图像创建一个单独的 div,然后为每个 div 分配屏幕的百分比,因此为每个图像保留 1/3 的屏幕宽度 - 然后这将根据分辨率。

谁能帮我指出正确的方向?不知道是不是我想太多了。

干杯!

【问题讨论】:

  • 请添加您的 HTML 或创建一个小提琴
  • 没有任何代码是不可能回答你的问题的。你能为它创造一个小提琴吗?
  • 对。我们可以说width:33.3%,但由于您已经“搞砸了百分比”,所以您已经尝试过了。那么出了什么问题呢?我们看不出哪里出了问题!
  • 对不起,伙计们,在工作中尝试这样做,但没有足够的时间发布代码:
  • jsfiddle.net/upr0h897/2 - 我基本上希望 3x 图像在浏览器窗口中均匀拉伸,具体取决于分辨率

标签: html css image alignment stretch


【解决方案1】:

只需添加:

width: 33.3%;

给你的:

img.selector1 {}

【讨论】:

  • 完美!谢谢,我想我只是把 33.3% 放在了错误的位置,总是把东西塞进错误的洞里。
  • 哈哈!别担心,伙计。
猜你喜欢
  • 1970-01-01
  • 2013-07-01
  • 1970-01-01
  • 2021-04-23
  • 2017-10-07
  • 2011-06-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多