当前位置: 首页 > news >正文

viewport各个属性值的意义,以及如何实现不用viewport控制用户不能缩放

viewport各个属性值的意义,以及如何实现不用viewport控制用户不能缩放


(有误还请指出,多谢~)


1 viewport各个属性值的意义

name=“viewport” content=“width=device-width, minimun-scale=1.0, maximun-scale=1.0, user-scalable=no”

width=device-width: 网页宽度默认等于屏幕宽度;
minimun-scale=1.0: 最小缩放比1.0, 即禁止缩小;
maximun-scale=1.0: 最大缩放比1.0, 即禁止放大;
user-scalable=no: 用户是否可以手动缩放: 否;

还有height,但是不常用。

该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求,但让viewport的宽度等于设备的宽度,这个应该是大家都想要的效果,如果你不这样的设定的话,那就会使用那个比屏幕宽的默认viewport,也就是说会出现横向滚动条。

2 实现不用viewport控制用户不能缩放

通过JS实现。

Method 1 JS设置viewport

$(‘meta

相关文章:

  • 字节跳动前端实习面经 (转)
  • Vue SPA的基本实现原理
  • web页面透明度的问题
  • 微信内置浏览器在IOS设备上的兼容性问题
  • VSCode中编写Python使用默认配置存在的路径问题
  • 智能控制导论 # 绪论
  • 智能控制导论 # 专家控制
  • C++中的水平访问,垂直访问是什么
  • C++ 子类型关系
  • 智能控制导论 # 专家控制实例 - 专家PID控制
  • 通俗易懂的自动控制原理 # 绪论
  • IIS8.5 部署时报错:HTTP 401.3
  • 重写和反向代理的区别
  • 基于C++和OpenGL (GLUT) 实现太阳系行星系统
  • 微信小程序云开发 # 1 云数据库
  • 【跃迁之路】【641天】程序员高效学习方法论探索系列(实验阶段398-2018.11.14)...
  • GraphQL学习过程应该是这样的
  • Java新版本的开发已正式进入轨道,版本号18.3
  • mysql 数据库四种事务隔离级别
  • redis学习笔记(三):列表、集合、有序集合
  • 搞机器学习要哪些技能
  • 检测对象或数组
  • 聊聊flink的TableFactory
  • 码农张的Bug人生 - 初来乍到
  • 码农张的Bug人生 - 见面之礼
  • 三栏布局总结
  • 使用 QuickBI 搭建酷炫可视化分析
  • 跳前端坑前,先看看这个!!
  • 应用生命周期终极 DevOps 工具包
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • Prometheus VS InfluxDB
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • 我们雇佣了一只大猴子...
  • # 数论-逆元
  • $jQuery 重写Alert样式方法
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (附表设计)不是我吹!超级全面的权限系统设计方案面世了
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (接口封装)
  • (七)理解angular中的module和injector,即依赖注入
  • (算法)N皇后问题
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (原創) 系統分析和系統設計有什麼差別? (OO)
  • (转)linux下的时间函数使用
  • (转)Oracle 9i 数据库设计指引全集(1)
  • .mkp勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET HttpWebRequest、WebClient、HttpClient
  • .net 程序 换成 java,NET程序员如何转行为J2EE之java基础上(9)
  • .net 重复调用webservice_Java RMI 远程调用详解,优劣势说明
  • .net实现客户区延伸至至非客户区
  • .w文件怎么转成html文件,使用pandoc进行Word与Markdown文件转化
  • ::
  • ??myeclipse+tomcat
  • @configuration注解_2w字长文给你讲透了配置类为什么要添加 @Configuration注解