禁止浏览器缩放
禁止浏览器缩放
- 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 –