随笔分类 -  移动端相关

摘要:移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象 让我们先 阅读全文
posted @ 2016-11-09 14:57 大猫一只 阅读(555) 评论(0) 推荐(0)
摘要:一般来说,页面中的body是由页面内容撑开的。但有时候我们会有这样奇怪的需求,当页面内容不满一屏时,却要求有一个撑满一屏的背景色。 通常的解决方案是用最小高度解决,然而如果直接子元素有下margin,就会在部分手机上触发BFC,解决这类问题我一般会在他的父元素上直接overflow:hidden,但 阅读全文
posted @ 2016-11-01 16:59 大猫一只 阅读(552) 评论(0) 推荐(0)
摘要:1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示 阅读全文
posted @ 2016-10-21 17:44 大猫一只 阅读(2675) 评论(0) 推荐(0)
摘要:由于一般手机不能改host,手机页面如果涉及到各个域名ip的混合使用,在手机上调试看效果非常麻烦。 使用fiddler4做代理,手机跟电脑连到同一个局域网,手机上网通过电脑做个代理上网,那么一切请求就相当于自己电脑上发出去的了。 不必修改host映射了,很方便的哦。 调试手机页面还有个工具叫:wei 阅读全文
posted @ 2016-10-19 14:18 大猫一只 阅读(9475) 评论(0) 推荐(0)
摘要:场景描述, 当document的高度不够window的高度时候,如在ip6中文档的高度比窗体的高度小,到底设计在最下方的区域没有在窗体最下方,就留有空白地方如下图的灰色部分 1、 解决初始化文档高度,让文档高度等于窗体高度,并fixed需要定位的区域在最下方 [html] view plain co 阅读全文
posted @ 2016-10-19 14:10 大猫一只 阅读(299) 评论(0) 推荐(0)