相关疑难解决方法(0)

有没有办法禁用div或网站上任何特定元素的缩放？例如,如果我希望页面可缩放,而不是#Header div,是否有办法使一个可缩放,另一个不可缩放？

基本上,当您放大移动设备时,它也会缩放标题,但我希望标题始终是固定大小(不可缩放).

我知道您可以使用此代码来禁用整体缩放:

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />

在HTML网站上,您有一个固定的元素,如下所示:

<div id="fixed">
  <p>Some content</p>
</div>

它有这个CSS:

#fixed { height:150px; position:fixed; top:0; left:0; z-index:10000; }

当您在移动设备(或任何支持触摸屏的设备)上查看此页面,并且您捏合屏幕以放大时,固定元素将与所有其他内容一起放大(它会变大).放大到足够远时,它变得如此之大,以至于它几乎完全覆盖了它下面的所有内容.

一个实际的用例是UI,如顶部的固定导航栏,或屏幕一角的浮动按钮.

如何防止单个元素在浏览器中调整大小,并使其始终保持相同的大小？