随笔分类 -  移动端总结

移动端常用兼容性
小程序跳转传参参数值为url时参数丢失
摘要:通过先encodeURIComponent,取到值以后再decodeURIComponent,拼接参数正常传递 A页面 switch: function (e) { var aa = 'UNNZVUf5qkM=';//拼接到url的参数 var urls = encodeURIComponent(a 阅读全文

posted @ 2019-09-10 15:37 婧星 阅读(1157) 评论(0) 推荐(0)

解决audio控制播放音量
摘要:在写手机端项目时,可能会遇到使用audio播放音乐,那么怎样控制audio默认播放的音量呢?下面时解决办法 直接这样写就可以了~ 阅读全文

posted @ 2019-04-08 21:14 婧星 阅读(2260) 评论(0) 推荐(0)

移动端input中的placeholder属性垂直
摘要:今天做项目时发现,在手机端用placeholder时,Android手机可以垂直显示;ISO则不能使placeholder垂直;解决办法: .gcddfadf-con-pay-1 input::-webkit-input-placeholder{ font-size:0.3rem; line-hei 阅读全文

posted @ 2018-11-17 20:23 婧星 阅读(516) 评论(0) 推荐(0)

去除input默认带的上下按钮与修改placeholder的默认颜色、背景、placeholder内容的大小
摘要:有时候需要用input元素中type属性值为number时,会出现默认的上下按钮, 去掉input默认的上下按钮:兼容性写法如下 input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner- 阅读全文

posted @ 2018-11-06 23:12 婧星 阅读(516) 评论(0) 推荐(0)

rem自适应手机端布局
摘要:通过js根据屏幕设备尺寸的大小,改变根元素的值: <script> </script> 最简单的适配方案: 7.5 为 设计图的宽度除以100; H5端自适应框架 使用方便,设计图的1px对应0.01rem,设计图的字体大小24px对应0.24rem,就是如此简单! 在header中写入以下代码,实 阅读全文

posted @ 2018-11-06 23:00 婧星 阅读(365) 评论(0) 推荐(0)

移动端根元素(html)的设置
摘要:1、通过js设置 <script> document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 * 2 + 'px';//获取手机屏幕的宽度</script> 2.通过css设置时,设置根元 阅读全文

posted @ 2018-11-02 17:09 婧星 阅读(1706) 评论(0) 推荐(0)

移动端设备尺寸
摘要:<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui">minimal-ui,用 阅读全文

posted @ 2018-11-02 17:03 婧星 阅读(208) 评论(0) 推荐(0)

点击时出现某个样式,1s后移除该样式的案例效果
摘要:这里为了使效果更好的让用户体现出来,点击时添加的样式为background:yellow;1后移除该样式: 案例demo为: 运行结果: 点击前: 点击后,1s后变为蓝色: 思路: 1.定义bgshow()函数,在函数中,先执行要的类名,通过setTimeOut 1s后移除该类名 2.在点击事件中调 阅读全文

posted @ 2018-11-02 16:45 婧星 阅读(518) 评论(0) 推荐(0)

导航

点击右上角即可分享
微信分享提示