css - 如何将背景图像设置为background-size : contain on initial load but prevent it from resizing on window resize?

Question

有什么办法可以做到这一点吗？我正在创建一个 HTML 应用程序，我不希望在打开软键盘时调整背景图像的大小。谢谢!

Answer 1

<小时/>

.element{
    /*important*/
    width: [you-width];
    height: [you-height];
    /*image*/
    background-image: url(some.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    /*optional*/
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

<小时/>