使用.less来获取屏幕的宽度

Question

我想制作一个页面，它有一个200px的标题和一个从200px的每一边延伸到屏幕边缘的渐变。我可以使用.less来说：使每个渐变部分的宽度为屏幕宽度 - 200px除以2（因为有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;
  }
}