禁用文字缩放

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

不使用％来定义你的膝盖的高度，使用px，禁用缩放是一个非常糟糕的过程。