Question

我想要的位置：只有在我在大屏幕上显示应用时才能正常工作。如果我在移动，我不想要位置：固定。我的scss有什么问题？我实际上只是从另一个stackoverflow帖子中获取了这个想法。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<a class="hover" data-i="1">DIV 1</a>

<a class="hover" data-i="2+">DIV 2+</a>

<a class="hover" data-i="3">DIV 3</a>

<br />

<div id="div-1" class="hover"></div>

<div id="div-2+" class="hover"></div>

<div id="div-3" class="hover"></div>

Answer 1

我明白了，而且工作得很好！

<table class="avatarStats" width="200" border="0">
  <tr>
    <td bgcolor="purple"><span class="cap">RECENT WR</span><br /><strong>61%</strong></td>
    <td bgcolor="teal"><span class="cap">OVERALL</span><br /><strong>55%</strong></td>
  </tr>
  <tr>
      <td bgcolor="purple"><span class="cap">RECENT WN8</span><br /><strong>2469</strong></td>
      <td bgcolor="teal"><span class="cap">OVERALL</span><br /><strong>1737</strong></td>
  </tr>
</table>

Answer 2

根据zurb基金会</ p>

.page {
  overflow: hidden;
  min-height: 100vh;
  .sidebar {
        position: relative;
        @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
            position: fixed;
        }
  }
}

改变位置固定在相对位置，反之亦然

2 个答案: