使用.less獲取屏幕的寬度

Question

我想製作一個頁面，該頁面具有200px標題和從200px兩側延伸到屏幕邊緣的漸變。我可以使用無言說：使每個漸變部分的寬度爲屏幕的寬度 - 200px，除以2（因爲有兩個漸變，每邊一個）

Answer 1

LESS編譯爲CSS，因此它可以沒有措施。 如果我正確理解你的問題，你可以做一個100％百分比寬度的漸變，並將它放在標題後面，並給你的標題一個背景顏色。

HTML：

<div id="gradient-wrapper"> 
    <header> 
    [...] 
    </header> 
</div> 

LESS：

#gradient-wrapper { 
    // CSS for gradient 
    width: 100%; 

    header { 
    width: 990px; 
    margin: 0 auto; 
    height: 200px; 
    background-color: white; 
    } 
}