关注
分享
移动端 Web 页面，就是常说的手机H5页面、Webview页面、公众号开发的网页等等。
aiguangyuan
要全身心的投入，程序才会有些感觉！
展开
-
H5页面前端开发常见的兼容性问题解决方法
1. IOS系统下输入框光标高度不正常问题描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样，看起来很怪异。例如下图，左图是正常所期待的输入框光标，右边是IOS的 input 光标。解决办法：高度height和行高line-height内容用padding撑开。.content{ float: left; box-sizing:.原创 2022-03-08 22:56:34 · 7001 阅读 · 1 评论 -
IOS系统中H5页面实现摇一摇功能
公司准备开年会了，年会活动用了一套别人的系统，根据测试，有些游戏的摇一摇功能在IOS上无法使用，为了修复该功能，踩了一些坑，特此记录如下：1. 因为IOS系统的安全要求，项目必须是在https的域名下；2. IOS系统13.3以后必须用户授权，才能使用重力与方向；3. 用户授权时必须是手动触发完成，这点特别重要，比如点击一个按钮；以下是代码实现，方便大家作参考：<!DOCTYPE html><meta http-equiv="Access-Control-Allow原创 2021-12-24 21:30:06 · 1990 阅读 · 3 评论 -
移动端页面在IOS里滑动不顺畅解决办法
开发移动端的同学可能都知道，当在你用overflow-y:scorll属性的时候，内容超出容器溢出滚动的效果很迟顿，特别是在IOS系统里，通常情况下，我们为了追求好的用户体验，会使用屏幕滚动插件better-scroll了，这个插件是真心好用，但是有些情况下我们可能并不想那么麻烦，而且页面的体验要求也没有那么高，下面给大家介绍一个简单偷懒的办法．这时候可以使用-webkit-overflow-.....................原创 2019-03-14 11:28:37 · 10235 阅读 · 0 评论 -
Textarea输入框失去焦点时隐藏手机键盘
今天在做公司年会的手机端上墙页面，发现在输入完成后，点击输入框以外的任何区域，键盘收起输入框没有自动回弹。后面发现这种情部只是在iphone下才会产生，原来在点击空白的document处textarea并不能失去焦点，解决方案如下：//判断是否为iphonevar isIPHONE = navigator.userAgent.toUpperCase().indexOf('IPHO......原创 2019-01-18 19:19:12 · 2793 阅读 · 0 评论 -
Rem在移动端的适配
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"> <title></title> <!-- 为移原创 2019-01-29 15:15:34 · 208 阅读 · 0 评论