【问题标题】:Making resizable image backgrounds with HTML, CSS, and Javascript使用 HTML、CSS 和 Javascript 制作可调整大小的图像背景
【发布时间】:2010-07-07 20:29:23
【问题描述】:

我正在尝试创建一个图像对象或画布对象,它将根据窗口尺寸调整大小,但保持纵横比。这可能吗?

我知道使用画布可以保持双三次缩放,但是是否可以在保持纵横比的同时调整窗口上的图像缩放?

【问题讨论】:

    标签: javascript html css canvas


    【解决方案1】:

    【讨论】:

    • 我遇到了同样的情况。我想让图像调整它们的宽度,但让高度保持成比例,这样它就不会全部扭曲。我最终只是简单地分配了 width="100%" 而根本没有分配任何高度。
    • 使用宽度:100%;高度:自动;工作正常,直到浏览器垂直调整大小以便有剩余的空白空间。我想要更像谷歌主页的东西(如果你指定了背景)。它会调整大小以确保在较小的维度上有溢出。
    猜你喜欢
    • 1970-01-01
    • 2015-04-30
    • 2018-07-28
    • 2010-11-17
    • 1970-01-01
    • 2015-12-08
    • 2015-05-06
    • 2014-03-16
    • 1970-01-01
    相关资源
    最近更新 更多