Carmineprince's Blog
首页
    • HTML
    • CSS
    • JavaScript
    • Vue
    • React
    • TypeScript
    • Node
    • Flutter
    • Electron
    • Python
    • 运维
    • 重学前端
  • 分类
  • 标签
  • 归档

Ziqi Wang

胡思乱想程序员
首页
    • HTML
    • CSS
    • JavaScript
    • Vue
    • React
    • TypeScript
    • Node
    • Flutter
    • Electron
    • Python
    • 运维
    • 重学前端
  • 分类
  • 标签
  • 归档
  • HTML及CSS面试前回炉重造
  • HTML重新学习记录-查漏补缺
  • 移动端禁止屏幕缩放
  • aspect-ratio保持图片宽高比
  • input输入框number类型去除增减
  • 移动端纯CSS实现隐藏滚动条但仍具有滚动的效果
  • css实现文本超出文本指定行数-省略号效果
  • CSS重新学习记录(一)-基础语法
  • css修改图片颜色方案
  • pc端rem配置
  • HTML及CSS相关
carmineprince
2021-10-20

移动端禁止屏幕缩放

# 移动端禁止屏幕缩放

将 web 页面嵌入移动端后,默认可以将页面放大拉伸的效果,可以通过设置如下属性将其禁用,具体操作如下:

首先,找到程序的入口页面

其次,在 meta 标签中添加如下两个属性即可:

maximum-scale=1.0, user-scalable=0
1

其中,maximun-scale:允许用户的最大缩放值;user-scalable:是否允许用户进行缩放,默认属性为允许 yes 或 1,而不允许则需设置为 no 或 0;

最后,实际设置如下:

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
1
#css#移动端
上次更新: 10/21/2021, 1:52:09 PM
HTML重新学习记录-查漏补缺
aspect-ratio保持图片宽高比

← HTML重新学习记录-查漏补缺 aspect-ratio保持图片宽高比→

最近更新
01
pc端rem配置
03-02
02
使用动态变量ts报错的解决
02-25
03
React Hook详解
02-18
更多文章>
Theme by Vdoing | Copyright © 2021-2022 Carmineprince | 鲁ICP备2021046263号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式