失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js 实现在移动端开发 解决不同手机像素大小的兼容问题

js 实现在移动端开发 解决不同手机像素大小的兼容问题

时间:2024-08-10 01:27:46

相关推荐

js 实现在移动端开发 解决不同手机像素大小的兼容问题

Js 实现在移动开发网页时,根据手机像素不同,自动改变相对,字体的大小。 实例代码中以750像素为参考,如果在350像素手机上显示该内容,相对字体大小为1px=0.01rem

(function (doc, win) {var docEle = doc.documentElement,resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize';var recalCulate = function () {var width = docEle.clientWidth;docEle.style.fontSize = 100 * (width / 750) + 'px';};recalCulate();if (!doc.addEventListener) return;win.addEventListener(resizeEvent, recalCulate, false);})(document, window);

如果觉得《js 实现在移动端开发 解决不同手机像素大小的兼容问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。