Question

我在网站的最顶部有一个div标签（导航栏）。在其中，我有另一个div标签，它是一个要点击的元素（占宽度的10％）。在这个div中，有一个简单的文本。放大或缩小时，我已设法使这两个div的大小保持不变。但只是文本不想留下来，它只是在放大时变得更大。它也改变了它的位置。无论放大还是缩小，我希望文本永久保持相同的大小。

这就是我的所作所为：

<style type="text/css">

div.Navigation {
  background: #5555FF;
  height: 3%;
  line-height: 25px;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  vertical-align: middle;
  font-family: Sans-serif;
}

div.button {
  background: rgba(0,0,255,0.3);
  width: 10%;
  height: 100%;
  text-align: center;
  color: #9999FF;
  font-size: 80%;
}

</style>



<div class="Navigation">
  <div class="button">TEXT</div>
</div>

EXAMPLE

任何人都可以帮我防止文字在放大时变大吗？也许最好的方法是使用Javascript。我是Javascript的初学者，所以你可能需要彻底解释它。提前谢谢。

PS：我找到了很多关于这个主题的链接，但没有一个能真正帮助我。

Answer 1

不要使用％来定义你的navegation的高度，使用px，禁用缩放是一个非常糟糕的práctice。

禁用文本缩放

1 个答案: