meta 标签 强制在手机端显示固定宽度,不需要根据设备自适应,且不能出现滚动条。

204 阅读1分钟

<meta name="viewport" content="width=794, user-scalable=no">

  • width=794:这将页面宽度设置为794像素( 刚好是A4纸的宽度),而不是设备宽度。这会强制页面以794像素的宽度显示。
  • user-scalable=no:这禁用了用户对页面的手动缩放。

以下两个属性经常出现主要是用于适配手机h5的

  • width=device-width:这会将页面宽度设置为设备宽度,确保页面可以适应屏幕大小。
  • initial-scale=1:这将初始缩放级别设置为1,确保页面在加载时以原始大小显示。