使用.less获取屏幕宽度

我想做一个页面，有一个200px的标题和一个从200px的每一边延伸到屏幕边缘的渐变。我可以用.less来表示：将每个渐变部分的宽度设为屏幕的宽度-200px，除以2（因为有两个渐变，每边一个）

less编译为CSS，因此无法测量。 如果我没弄错你的问题，你可以做一个100%宽度的渐变，把它放在你的标题后面，给你的标题一个背景色

HTML:

更少的是CSS。如果你不能用CSS，你就不能用更少的CSS。

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

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

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