有没有办法禁用div或网站上任何特定元素的缩放?例如,如果我希望页面可缩放,而不是#Header div,是否有办法使一个可缩放,另一个不可缩放?
基本上,当您放大移动设备时,它也会缩放标题,但我希望标题始终是固定大小(不可缩放).
我知道您可以使用此代码来禁用整体缩放:
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
Run Code Online (Sandbox Code Playgroud)
这个网站看起来非常好,虽然已经设法阻止用户通过浏览器设施增加/减少字体大小.
如果您在浏览器上选中" 仅缩放文本"选项并尝试放大或缩小(通常为⌘+ /⌘-或ctrl +/ctrl-),则可以看到字体大小不会更改.
我怎样才能复制同样的效果?
我认为这样可以防止菜单中的项目或纯粹基于布局的元素,并且只留下主文本受到影响.