基本上,当你放大移动设备,它放大标题太,但我想要的标题是固定的大小在任何时候(不可缩放)。
我知道你可以使用这段代码来禁用缩放整体:
<Meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
但是,您可以(而且应该)使用以下CSS来解决移动设备上的缩放问题:
header { position: fixed; ... } @media only screen and (max-width: 720px) { header { position: absolute; } }
此代码在显示宽度小于或等于720px时启用position:absolute,并且标题变为页面的一部分,而不是固定在顶部。