【问题标题】:Vue.js Image Aspect RatioVue.js 图像纵横比
【发布时间】:2018-10-25 06:44:47
【问题描述】:

我正在创建我的新社交网络。我遇到了新问题,或者我想不出一种方法来实现我所拥有的解决方案。当用户上传图像时,我希望有保持图像纵横比的框,但也要保持相同的宽度。我想使用带有填充的 CSS 技巧,但我不知道如何动态计算纵横比并将其附加到元素的样式。

【问题讨论】:

    标签: node.js css vue.js material-design


    【解决方案1】:

    不确定我是否 100% 遵循,但如果您希望图像具有设定宽度而高度基于其纵横比的图像。只需使用 CSS 设置图像宽度并将高度设置为自动。

    如果你想将它包装在一个盒子(div)中,你可以设置盒子的宽度并将图像设置为 100%

    【讨论】:

      【解决方案2】:

      您可以使用v-aspect-ratio 指令。

      【讨论】:

        猜你喜欢
        • 2019-04-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-04-03
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多