随笔分类 - 移动端常见问题及解决
摘要:1. iPhone 各种机型尺寸信息列表入下表: iPad设备 放在微信里面的设计尺寸,需要考虑微信头部导航栏(128),按iphon6来设计,那么设计稿的高度就是1334-128=1206,那么进行高度100%设计就布局就好了,一些按钮元素可以通过定位进行布局固定位置!!!!!!!!
阅读全文
摘要:在微信中,ios手机下面音乐被自动禁掉无法自动播放,我们可以执行触发body上的元素,自动进行播放。
阅读全文
摘要:应用场景:在ios手机下对只读的input设置readonly=readonly属性还是会出现光标 解决方法:
阅读全文
摘要:应用场景:我们在选择好radio跟select之后提交表单,返回历史记录时,再次选择,提交表单,发现提交的是上次表单选择的 解决办法:我们可以一进页面就给radio跟select的选项重置掉,因为,返回历史记录有执行js代码,解决代码如下:
阅读全文
摘要:应用场景:大转盘在旋转的时候,点击抽奖按钮,大转盘会卡动卡动的 问题分析:是因为点击按钮的时候,时间冒泡了,影响了大转盘的最外层div从而影响了大转盘的转动 解决方法:$("body").bind("touchstart",function(event){event.preventDefault()
阅读全文
摘要:问题场景:新版微信会自动清空cookie,导致每天都要重新登录 解决思路:后端是通过session来获取用户是否登录,而session信息会存在客户端的cookie里面,然后每次请求接口的时候。又会自动带上cookie上面的信息,传给后端。所以我们可以在登录的时候让后端把登录信息传过来,然后存在lo
阅读全文
摘要:1、当我们的布局中是采用body为容器的页面滚动时,当出现在弹窗的时候,虽然给弹窗和遮罩加上固定布局fixed,但是在移动端中,页面还是会跟着滚动,无法滚动布局。 解决方案一:我们可以进行如下设置,注意,此时body的宽度需要设置为100%,不然会出错! 解决方案二:改用content布局滚动,而不
阅读全文
摘要:bug1:在新版微信中,部门安卓机子(华为)出现window.location.href/window.location.reload....等方法来刷新本页面链接,发现页面没有被刷新,经过排查,发现是因为缓存原因。 解决方案:这时候给链接加一个时间戳来解决页面缓存!!! 时间撮: 解决缓存方案二:
阅读全文