我有一个固定的标题这个标题在我滚动时改变高度和图像标志但是当我调整窗口大小时我希望图像保持比例但随着我缩小浏览器而变得更小标志只有在限制时缩小浏览器靠近图像，但我希望在调整浏览器大小时图像变小。

Tôi nên làm gì?

我已经试过了

#logo {
    chiều rộng tối đa: 100%;
    chiều cao: tự động;
    width: auto\9; /* ie8 */
}

câu trả lời hay nhất

这不能像一开始想象的那样简单，因为必须有一个引用点，即 Logo 与屏幕宽度相同的屏幕尺寸。当前显示的任何尺寸都必须与这一点相关，以便调整大小作为一个整体(并开始)有意义。也就是说，我在这里将 2560 像素作为最大尺寸 - 低于该尺寸时， Logo 将比瞬时尺寸和引用点之间的差异小 10%:

http://codepen.io/anon/pen/yNLQKX

$(document).ready(function() {

  $(window).on('load resize', function() {

    var maxsize = 2560;
    var screenwidth = $(this).width();
    var factor = screenwidth-(maxsize-screenwidth)*0.1;
    if (factor > 2560) factor = 2560; // same could be done for minimum size

    $('#logo img').css('width', factor)
  });
});

关于css - 例如，如果我将浏览器窗口的大小调整 10 像素，如何将标题上的 Logo 调整 1 像素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29833760/