小程序
小游戏
企业微信
微信支付
扫描小程序码分享
既然是放在H5中使用,为什么样式单位不支持rem呢,还是我使用有问题呢
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { mobile: !!u.match(/AppleWebKit.*Mobile.*/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1, iPad: u.indexOf('iPad') > -1, weixin:u.toLowerCase().indexOf('micromessenger') > -1, Safari:u.indexOf('Safari') > -1 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() }; let htmlFontSize = window.getComputedStyle(document.documentElement,null).fontSize.replace('px','') let btnFontSize = htmlFontSize*0.36 //rem转px let lineHeight = htmlFontSize*0.88 //rem转px this.wxBtnHtml = ` 立即打开 ` this.$nextTick(()=>{ let _this = this let wxBtn = document.getElementById('launch-btn') if (browser.versions.weixin) { // 微信的 ,点击后不操作,两秒后跳转下载地址 //初始化jssdk相关配置后监听点击事件 lauchApp().then(()=>{ let wxBtn = document.getElementById('launch-btn') wxBtn.addEventListener('click',()=>{ console.log('click1') setTimeout(()=>{ _this.$router.push({path: '/pmd_Download'}) },2000) }) }) } else { // 非微信的,带参数点击后根据客户端跳转唤起app的地址,两秒后跳转下载地址 wxBtn.addEventListener('click',()=>{ setTimeout(()=>{ if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad || browser.versions.Safari) { // 跳转通用链接 alert('跳转通用链接') } else if (browser.versions.android){ // 跳转安卓链接 alert('跳转安卓链接') } else { // 跳转应用下载链接 _this.$router.push({path: '/pmd_Download'}) } },2000) }) }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我也是在惆怅这个问题,需要放一张图片的,只能用px, 尝试了rem,百分比都没效果,有妙招吗
确实是隔离,辣鸡
你好请问解决了么
你好,现在表现是什么?请具体说明
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { mobile: !!u.match(/AppleWebKit.*Mobile.*/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1, iPad: u.indexOf('iPad') > -1, weixin:u.toLowerCase().indexOf('micromessenger') > -1, Safari:u.indexOf('Safari') > -1 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() }; let htmlFontSize = window.getComputedStyle(document.documentElement,null).fontSize.replace('px','') let btnFontSize = htmlFontSize*0.36 //rem转px let lineHeight = htmlFontSize*0.88 //rem转px this.wxBtnHtml = ` 立即打开 ` this.$nextTick(()=>{ let _this = this let wxBtn = document.getElementById('launch-btn') if (browser.versions.weixin) { // 微信的 ,点击后不操作,两秒后跳转下载地址 //初始化jssdk相关配置后监听点击事件 lauchApp().then(()=>{ let wxBtn = document.getElementById('launch-btn') wxBtn.addEventListener('click',()=>{ console.log('click1') setTimeout(()=>{ _this.$router.push({path: '/pmd_Download'}) },2000) }) }) } else { // 非微信的,带参数点击后根据客户端跳转唤起app的地址,两秒后跳转下载地址 wxBtn.addEventListener('click',()=>{ setTimeout(()=>{ if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad || browser.versions.Safari) { // 跳转通用链接 alert('跳转通用链接') } else if (browser.versions.android){ // 跳转安卓链接 alert('跳转安卓链接') } else { // 跳转应用下载链接 _this.$router.push({path: '/pmd_Download'}) } },2000) }) }
我也是在惆怅这个问题,需要放一张图片的,只能用px, 尝试了rem,百分比都没效果,有妙招吗
建议看看这篇文章
我自己的话是先把rem单位转px,再把wx-open-launch-app标签的文件插入,再初始化jssdk的
确实是隔离,辣鸡
你好请问解决了么
建议看看这篇文章
我自己的话是先把rem单位转px,再把wx-open-launch-app标签的文件插入,再初始化jssdk的
你好,现在表现是什么?请具体说明