Question

有没有办法让元素滚动背景而不给它一个固定的位置？所以在调整窗口大小时不会出现问题？我所说的元素在css中引用如下。

#logo {
        margin: 20px auto;
        width:355.2px;
        height:148.8px;

Answer 1

如果不使用固定位置，这是无法实现的，为了解决您需要使用屏幕查询调整大小的问题。以下是如何在style.css文件和list of default screen sizes

上使用它的示例

===根据您的需要更新===

为了使您的徽标在屏幕中间对齐而不是按照您在评论中的要求在较小的屏幕上显示，您需要使用#logo的绝对位置，以便在滚动时对其进行修复页面，将其包装在固定的div内。这是诀窍

/* Your normal css goes here */
.logoContainer{
    position:fixed;
}
#logo {
    left:50%; /* this puts your logo on the middle of the screen */
    width:38px;
    margin-left:-19px; /* this needs to be half of the width */
    position:absolute;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Your fix for smaller screen sizes example*/
    #logo {
        display:none; /* this tells your div to not display */
    }
}

这是online example

使元素滚动没有固定位置设置

1 个答案: