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

禁止浏览器缩放

禁止浏览器缩放

  • 1. 页面中添加如下代码:
  • 2. css单位统一使用rem,如下:

两个条件即可实现: 1. 动态修改html属性fontsize的值; 2. css单位统一使用rem。

1. 页面中添加如下代码:

// 定义基准字体
new function () {var _self = this;_self.fontSize = 100;_self.widthProportion = function () {_self.width =2000;return (document.body && document.body.clientWidth || document.getElementsByTagName("html")[0].offsetWidth) / _self.width;};_self.changePage = function () {document.getElementsByTagName("html")[0].setAttribute("style", "font-size:" + _self.widthProportion() * _self.fontSize + "px");}window.addEventListener("DOMContentLoaded", function () {_self.changePage();});window.addEventListener('resize', function () {_self.changePage();}, false);
};

2. css单位统一使用rem,如下:

div{width:.3rem;
}

– end –

http://www.lryc.cn/news/196178.html

相关文章:

  • 前端食堂技术周刊第 100 期:TS 5.3 Beta、ViteConf2023、Rspress 1.0、Fresh 1.5、Chrome 118
  • 汇川IT7000系列HMI使用脚本实现画面跳转时自动切换手自动模式
  • FDTD Solutions笔记
  • SQL SELECT DISTINCT(选择不同) 语法
  • 常见的数据结构及应用
  • 基于模型预测人工势场的船舶运动规划方法,考虑复杂遭遇场景下的COLREG(Matlab代码实现)
  • 【UE5 Cesium】19-Cesium for Unreal 建立飞行跟踪器(4)
  • TrustZone
  • ✔ ★【备战实习(面经+项目+算法)】 10.16学习时间表(总计学习时间:5h)
  • React + Router
  • 微信小程序设置动态变量设值
  • 闪站侠洗衣洗鞋多门店多用户管理系统,洗鞋店干洗店小程序开发;
  • JDBC增删改查示例
  • emqx broker安装
  • 如何选择国产压力测试工具?
  • 基于AT89C51流水花样灯proteus仿真设计
  • android U广播详解(二)
  • 导航守卫的使用记录和beforeEach( )死循环的问题
  • SpringMVC源码分析(三)HandlerExceptionResolver启动和异常处理源码分析
  • 系统架构与Tomcat的安装和配置
  • 【Shell脚本】根据起止日期获取Alert日志内容
  • Library projects cannot set applicationId. applicationId is set to
  • 【兔子王赠书第2期】《案例学Python(基础篇)》
  • 用户行为数据案例
  • selenium教程 —— css定位
  • Leetcode 1834. Single-Threaded CPU (堆好题)
  • 21-数据结构-内部排序-交换排序
  • 5-k8s-探针介绍
  • 【网络安全 --- MySQL数据库】网络安全MySQL数据库应该掌握的知识,还不收藏开始学习。
  • 【MyBatis系列】- 什么是MyBatis