使元素滾動沒有固定的位置設置

Question

有沒有辦法讓元素滾動的背景沒有給它一個固定的位置？所以調整窗口大小時不會造成問題？我在說的元素在CSS中被引用如下。

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

Answer 1

這不可能不使用固定的位置，以便與您需要使用的屏幕查詢它的大小調整解決您的問題來實現。下面是和list of default screen sizes

===更新您的需要===

爲了對準您的標誌在屏幕中間的如何使用它在你的style.css文件的例子，不要在小屏幕上顯示它，因爲您需要對您的#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