美文网首页
meta 移动端禁止缩放

meta 移动端禁止缩放

作者: 高阳刘 | 来源:发表于2021-10-25 19:52 被阅读0次
<meta 
  name="viewport" 
  content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" 
/>
  • width : viewport 的宽度,正整数/字符串 device-width
  • height : viewport 的高度,正整数/字符串 device-height
  • **initial-scale ** : 设备宽度与 viewport大小之间的缩放比例,0.0-10.0之间的正数
  • maximum-scale : 最大缩放系数,0.0-10.0之间的正数
  • minimum-scale : 最小缩放系数,0.0-10.0之间的正数
  • user-scalable : 如果设置为 no 用户将不能缩放网页,默认为 yes
iOS 10之后不接受meta标签,可通过js监听手势控制
document.addEventListener('gesturestart', function (event) {
    event.preventDefault()
})

相关文章

  • 禁用浏览器的缩放功能(js)

    一、移动端禁止缩放移动端在禁止缩放上比较简单,添加meta标签即可 二、PC(web)端禁止浏览器缩放S(情景)当...

  • meta 移动端禁止缩放

    width : viewport 的宽度,正整数/字符串 device-width height : vie...

  • 移动端页面(响应式)

    media query 示例 手机端禁止缩放要加meta标签

  • 移动端开发总结

    一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。2、移动端页面设置视口宽度等于定宽(如...

  • 干货教程:移动页面开发小技巧

    01meta标签的相关知识 1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。 1 2、移动端页面设置视口宽度等...

  • 移动端页面开发遇到的一些问题

    01 一、meta 标签的相关知识 1、移动端视口宽度等于设备宽度,并禁止缩放。

    meta设置

    移动端页面设置视口宽度等于设备宽度,并禁止缩放。 移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用...

  • H5项目常见问题及注意事项

    Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 常见问题:移动端如何定义字体font-fa...

  • Bootstrap框架

    *移动端设备优先 *使用前需在head标签中添加viewport元数据标签和通过meta属性禁用移动端界面缩放功能...

  • 移动端资源整理H5

    移动端资源的整理 meta标签 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号...

网友评论

      本文标题:meta 移动端禁止缩放

      本文链接:https://www.haomeiwen.com/subject/ixjsaltx.html