錯誤。應該很簡單

我正在嘗試使用@media命令將我的網站的元素設置爲不同的高度以進行移動瀏覽，而且我似乎無法使代碼正常工作。如果有人在這裏可以看到我出錯的地方，並指向正確的方向，我將非常感激。錯誤。應該很簡單

body .gilidPanel-opener { 
    top: 55%; 
} 

@media all and (max-width: 700px){ 
body .gilidPanel-opener { 
     top: 85%; 
    } 
}

來源

2014-02-26 Andy at Focallocal

有什麼錯你的代碼在那裏。但是，如果你使用頂部的元素需要位置：絕對 – user1795832

我不能將元素設置爲絕對，因爲它會混淆頁面的其餘部分樣式。有沒有另一種價值可以替代'頂級'？ –

由於position屬性值是static默認情況下，你需要提供不同的值，如absolute，fixed或relative，使您的top性質的作品，所以嘗試：

body .gilidPanel-opener { 
    position: relative; /* or absolute or fixed */ 
    top: 55%; 
} 

@media all and (max-width: 700px){ 
body .gilidPanel-opener { 
     position: relative; /* or absolute or fixed */ 
     top: 85%; 
    } 
}

來源

2014-02-26 03:06:16 Felix

感謝您的快速回復！與頁面其餘部分一起工作的唯一值是'fixed'，但是@media代碼仍然不會觸發。（www.focallocal.org - 屏幕左側的標籤） –

錯誤。應該很簡單

回答

相關問題