前端切图周记-2
2020年5月28日 阴
昨天,把切好的h5网页放在了codingPage静态部署,真机测试出一些问题,需要记录下来。
手机自带浏览器底部工具栏挡住h5页面
华为荣耀自带的浏览器工具栏自动悬挂在浏览器底部,刚好把我的tabbar挡住。
这个手机使用的是qq浏览器x5内核。
华为荣耀手机自带浏览器工具栏挡住前端页面视图,tabbar无法显示:
正常的手机浏览器:
解决方法: 在head新增一条meta,默认全屏显示这个h5页面,浏览器工具栏就不会自动弹来弹去。
<meta name="x5-fullscreen" content="true">
苹果手机修改数字样式失败
文章参考自:
在苹果Safari浏览器中打开这个h5,部分数字颜色显示成灰色,无法修改。
原因:format-detection 属性确定元素文本中的数据格式(如电话号码)是否自动转换为可跟踪链接。
<meta meta name="format-detection" content="telephone=yes">
某些浏览器中format-detection属性的content中的值默认为yes。
content | 说明 |
---|---|
telephone | telephone=yes:数字转化为拨号链接。telephone=no:关闭格式检测。 |
email=yes:文字默认为邮箱地址。 email=no:关闭格式检测。 | |
adress | adress=yes点击地址直接跳转至地图。adress=no:关闭格式检测。 |
解决方法: 把format-detection属性的值改为no,关闭格式检测。
<meta meta name="format-detection" content="telephone=no,email=no,adress=no">
转载请注明来源:《 前端切图周记-2》- rojerYong's Blog
文章链接:https://www.eoway.cn /article/1590646701.html如果此文摘取了你的原创,请联系本站管理员,将对此文修改、删除处理。
--END--
推荐
- 微信小程序打包,主包和分包都小于2m,却上传失败
- 微信公众号网页,微信jssdk需要刷新页面才可以使用
- uniapp 微信小程序背景音频播放 uni.getBackgroundAudioManager()
- uniapp 苹果授权登录
- uniapp app 跳转到微信小程序
- js常用方法
- css 变量
- uniapp 微信公众号网页 打开小程序
- 小程序分享到朋友圈时设置path的query参数,判断用户是否通过朋友圈进入小程序
- uniapp解决原生组件层级过高覆盖页面组件的问题
- js判断是否ie浏览器、ie浏览器版本
- uniapp 设置 APP 首次打开时显示“用户协议和隐私政策”弹框
- uniapp,app端打开第三方应用(高德地图、百度地图、腾讯地图,apple地图进行导航)
- uniapp,ios打开apple地图显示自定义地点信息
- 微信小程序通过map组件获取中心点高精度经纬度以及解决ios系统map组件moveToLocation无效问题
- web性能优化,使用preload和prefetch预加载资源