100%缩放背景图像(不保留纵横比)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了100%缩放背景图像(不保留纵横比)相关的知识,希望对你有一定的参考价值。

Note that this approach DOESN'T maintain the image's aspect ratio. For a pure CSS technique that does that you need a CSS3 approach.
  1. img.bg {
  2. height: auto;
  3. left: 0;
  4. min-height: 100%;
  5. min-width: 1024px; /*adjust this to match image width */
  6. position: fixed;
  7. top: 0;
  8. width: 100%;
  9. z-index: -1;
  10. }

以上是关于100%缩放背景图像(不保留纵横比)的主要内容,如果未能解决你的问题,请参考以下文章

如何在正确保持纵横比的情况下进行缩放

根据窗口大小和纵横比缩放图像

UIButton 背景图像水平缩放以填充同时保持纵横比

Andengine,缩放图像以填充屏幕大小,而不保持纵横比

缩放 HTML5 视频并打破纵横比以填充整个站点

使用 PHP 缩放图像并保持纵横比