【问题标题】:Masonry, not resizing Height, only width砌体,不调整高度,只调整宽度
【发布时间】:2015-01-19 03:26:20
【问题描述】:

我对砌体有点陌生。我有它在我的网站上显示一些图像,但我有一个问题。它不是调整高度,而是调整宽度。我的图片是这样插入的:

<a class="element" href="<?php echo add_query_arg( array( 'image' => $image['id'] ), get_permalink() ) ?>" style="height:<?php echo $image['thumb'][2]; ?>px;background: transparent url('<?php echo $image['thumb'][0] ?>') no-repeat 50% 50%; background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;">    

我尝试从样式中删除高度,并将其设置为 100%,但仍然没有调整大小。当我缩小浏览器窗口时,宽度只是在调整大小。

当我在更大的屏幕上查看我的网站时,高度仍然相同,并且开始从图像中裁剪,但宽度仍在调整大小。

【问题讨论】:

    标签: jquery html css


    【解决方案1】:

    有点猜测,但看起来您可能想要使用:

    echo $image['thumb'][1]
    

    代替:

    echo $image['thumb'][2]
    

    看起来它是一个以 0 为基数的数组。

    【讨论】:

    • 在 thumb[1] 上设置宽度,在 thumb[2] 上设置高度
    • 尝试完全删除样式属性,然后看看它是否有效。如果是这样,一次添加一个规则,直到它停止工作。这可能是由于高度和背景图片 css
    • 我删除了不显示的“高度”,我用宽度替换了“高度”,仍然无法正常工作。我将高度设置为固定大小,显示,但不调整大小。而且我不想要任何图像,我想在修改浏览器大小时调整大小
    猜你喜欢
    • 1970-01-01
    • 2013-09-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-24
    • 2019-01-27
    • 1970-01-01
    相关资源
    最近更新 更多