移动端
gerrylon007
这个作者很懒,什么都没留下…
展开
-
移动端适配之rem.js
移动端网页适配是一个麻烦事, 常见做法有媒体查询, js控制等. 媒体查询个人感觉比较冗余, 可少量使用, 偏爱于js来控制. 下面是我自己总结的rem.js: (function(doc, win) { // html元素字体 // 这里基础字体设置为10在uc, WX上没效果, 不知道为什么 // 设置为10时, dpr=1的手机, 宽度360, 计算出来html的字...原创 2018-04-09 20:05:48 · 16191 阅读 · 3 评论 -
安卓微信浏览器location.reload()无效
场景还原如下: 某次活动页面, 提交一个表单后需要刷新页面,想也没想就用location.reload(), 然而这个除了安卓微信浏览器, 其他平台(pc端, 移动端浏览器等都正常,我也是无语,后来发现是微信缓存的原因。那么改起来就简单了: var href = location.href; var hasQuery = href.indexOf('?') > 0; href = h...原创 2018-04-18 12:28:01 · 1411 阅读 · 0 评论 -
JS检测移动端横竖屏
检测移动设备横竖屏, 并动态调整字体 /** * 手持方向检测 */ ;(function(doc, win) { var recalc = function(e) { var docEl = doc.documentElement, clientWidth = docEl.clientWidth, clien...原创 2017-11-15 14:41:49 · 462 阅读 · 0 评论 -
iPhone6s Plus及以上版本keyup/input事件不响应中文输入
问题描述: 在<input>上绑定keyup/input事件, 监听输入变化然后执行业务代码。 测试中发现: 几款安卓和iPhone6s都可以, 但是到了iPhone6s Plus(iOS版本没看)上对中文输入就不能实时响应, 需要多输入一个空格或者按“完成”按钮等。 之前也有类似的设计, 看了下, 是因为我对<input>使用了绝对定位, 不使用绝对定位就好了。 ...原创 2018-04-29 08:39:52 · 1006 阅读 · 0 评论