Question

我在手机上查看时，我一直试图放大site的徽标，但似乎没有代码可行。我尝试了不同的版本，但无济于事：

@media (max-width: 360px) {
    .header-logo img {
        max-width: 50%;
        max-height: 50%;
    }
}

由于Firebug似乎正在显示桌面版的代码，因此我不确定要进一步调整的内容。而且我真的不想在桌面视图上更改任何内容。只是移动。

欢迎任何反馈。

Answer 1

您可以在css中进行以下更改。

$(function () {

    var inputSel = $('#search-term');
    var contentSel = $('.RadGrid.RadGrid_Default.mydatagrid .rgMasterTable tr');
    var noticeLblSel = $('.searchInstance');
    var cellValuesL = $('td', contentSel).map(function () {
        return $(this).text().trim().toLowerCase();
    }).get();

    inputSel.on('keyup', function (e) {
        noticeLblSel.text('');

        if (e.which !== 13) { return; }

        var keywordVal = $(this).val();
        var keywordValL = keywordVal.toLowerCase();

        if (!keywordValL || keywordValL.length <= 3) { 
            noticeLblSel.text('Please enter 4 or more characters.');
            return;
        }

        var keyCounter = cellValuesL.filter(function (val) {
            return val.indexOf(keywordValL) > -1;
        }).length;

        if (keyCounter > 0) {
            noticeLblSel.text('Instance 1 of ' + keyCounter + ' found on this page.');
        } else {
            noticeLblSel.text('No instances for "' + keywordVal + '" found.');
        }
    });

});

Answer 2

试试这个

   .header-logo img {
    width: 100%;
    height: 400px;
    background-image: url('img_flowers.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid red;
}

Answer 3

max-width 360px .custom-logo-link更改类@media screen and (max-width : 360px){ .custom-logo-link { width: 50%; } }的样式属性，如下所示，

{{1}}

Answer 4

您只需指定宽度，它会自动调整高度。

.header-logo img {
    width: 100%;
}

Answer 5

这可能是一个愚蠢的问题，但你确定最大宽度和最大高度是你想要改变的吗？这些参数只是设置元素的高度和宽度的上限。

https://www.w3schools.com/CSSref/pr_dim_max-width.asp

也许尝试其中一种？

@media (max-width: 360px) {
  .header-logo img {
    width: 50%;
    height: 50%;
  }
}

或：

@media (max-width: 360px) {
  .header-logo img {
    transform: scale(0.5);
  }
}

如何在移动设备上查看时调整徽标大小

5 个答案: