网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

解决各个版本谷歌浏览器字体不能小于12px问题

时间:2024-10-12 01:04:25

1、正常是可以使用-webkit-text-size-adjust:none;属性,给body标签或者html标签这个属性,就能解决

解决各个版本谷歌浏览器字体不能小于12px问题

2、但是由于版本问题,有的谷歌浏览器这个样式不生效,我目前知道的,是版本号69以下的,没问题。73有问题,那咱们就需要判断出版本号,来做相应的处理

解决各个版本谷歌浏览器字体不能小于12px问题

3、那个不生效的,咱们用缩放的方式做,来达到亨蚂擤缚字体缩小的效果css--------------------------幻腾寂埒------.text_scale9{ -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 0; transform: scale(0.75); -webkit-transform: scale(0.75);}js----------------------------------function getChromeVersion() { var arr = navigator.userAgent.split(' '); var chromeVersion = ''; for(var i=0;i < arr.length;i++){ if(/chrome/i.test(arr[i])) chromeVersion = arr[i] } if(chromeVersion){ return Number(chromeVersion.split('/')[1].split('.')[0]); } else { return false; }}if(getChromeVersion()) { var version = getChromeVersion(); if(version>70) { $('.label_bag_in .DESC ul').addClass('text_scale9'); $('.label_bag_in .SIZE .size_tit').addClass('text_scale9_center'); }}

© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com