扫码关注官方订阅号
光阴似箭催人老,日月如移越少年。
$(window).on("resize",function(){ $("html").css("fontSize",$(window).width()/6.4);}).resize();
(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = (clientWidth >= 640 ? 100 : clientWidth / 6.4) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
这样写,1rem=100px
不生效是什么效果?截个图贴上来吧
字体大小最小是12px,所以
var size = (winWidth / 640) * 100;doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px' ;
你的这两句代码就有问题了!建议你size值改到12及以上
我一般用的是这个
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = 20 * (clientWidth / 320) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
是用安卓原生浏览器吗?是的话就坑了。。。。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
$(window).on("resize",function(){
$("html").css("fontSize",$(window).width()/6.4);
}).resize();
这样写,1rem=100px
不生效是什么效果?截个图贴上来吧
字体大小最小是12px,所以
var size = (winWidth / 640) * 100;
doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px' ;
你的这两句代码就有问题了!建议你size值改到12及以上
我一般用的是这个
是用安卓原生浏览器吗?是的话就坑了。。。。
