【问题标题】:How do you keep the height relative to the width for a slideshow (w/ images) [closed]你如何保持高度相对于幻灯片的宽度(带/图像)[关闭]
【发布时间】:2014-10-16 19:53:19
【问题描述】:

完整代码可见here

由于我是新的 stackoverflow 用户并且我无法发布图片,因此我将发布带有图片的问题,以便在谷歌文档中更清楚地说明问题。 Google Doc

感谢您的帮助!

【问题讨论】:

  • 我不知道我理解的对不对,但我做了一个小提琴。 jsfiddle.net/bocb1eod
  • 你可以使用 JavaScript 吗?
  • 使用 max-width / max-height 保持纵横比 - stackoverflow.com/questions/21355111/…
  • @schenck 是的,我可以使用 JS
  • 你可以用JS解决它。但是,如果 CSS 建议有效,我宁愿使用这些建议。

标签: html css


【解决方案1】:

看看this

它使用背景图像并使用background-size: cover; 它保留纵横比。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-09-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-02
    • 2014-02-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多