文章分类 -  移动开发

摘要:1. detail为最外层弹窗,要用fixed绝对定位布局 内容部分分为两部分 1是承载主体内容 2.存放关闭按钮 阅读全文
posted @ 2018-04-11 13:35 Shimily 阅读(597) 评论(0) 推荐(0)
摘要:来自:http://www.jianshu.com/p/0ecf5aba79e1 文/weapphome(简书作者) 原文链接:http://www.jianshu.com/p/0ecf5aba79e1 著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。 1. 仿QQ应用程序(#社交 # 阅读全文
posted @ 2017-09-19 11:10 Shimily 阅读(7837) 评论(0) 推荐(1)
摘要:1.1.1 Box-sizing在移动端的使用 在百分比定宽的页面经常使用。 *,::before,::after{ -webkit-box-sizing: border-box; /*以你的border开始计算你的宽度*/} 1.1 移动端事件 Touch touchstart:当手指触碰屏幕时候 阅读全文
posted @ 2016-12-21 19:23 Shimily 阅读(146) 评论(0) 推荐(0)
摘要:最近使用的sublime 编辑器出现了打开写好的程序,中文显示的确是方框,方框里面是问号,就是不显示中文。 然后再网上查找了一下,大概都是说是需要中文编码插件,比如converttoutf8 gbk等编码插件来处理。 不过我发现导致这个问题的不是编码错误,编码是没有问题的,都是utf8编码。我的文件 阅读全文
posted @ 2016-12-04 15:42 Shimily 阅读(1444) 评论(0) 推荐(0)
摘要:<video src="media/v.mp4" id="video" poster="images/video.jpg" preload width="100%" controls webkit-playsinline></video> 这样可以禁止视频在ios设备中自动全屏播放。 阅读全文
posted @ 2016-03-18 18:40 Shimily 阅读(2420) 评论(0) 推荐(0)
摘要:css3在不同型号手机浏览器上的兼容: 对于webkit内核的浏览器, 除media、text-shadow外,使用其它属性基本上要加上webkit前缀. gradient在低版本的系统中渲染效果不丰富 ios3.2~4.3不支持position:fixed,不推荐使用 android2.1~2.3 阅读全文
posted @ 2016-03-14 17:09 Shimily 阅读(757) 评论(0) 推荐(0)
摘要:  目前,对 HTML5 和 CSS3 支持最好的是 Chrome 和 Safari , Firefox 和 Opera 次之,IE9 开始拥抱标准。 一、CSS3 属性 从表中可以看出,除了 Overflow Scrolling 还没有浏览器支持之外,其它属性在 Windows 平台,Chrome 阅读全文
posted @ 2016-03-14 16:40 Shimily 阅读(1120) 评论(0) 推荐(0)
摘要:屏幕旋转的事件和样式1.事件 window.orientation,取值:正负90表示横屏模式、0和180表现为竖屏模式; window.onorientationchange = function(){ switch(window.orientation){ case -90: ... 阅读全文
posted @ 2015-11-25 15:47 Shimily 阅读(159) 评论(0) 推荐(0)
摘要:移动端web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非... 阅读全文
posted @ 2015-11-25 14:01 Shimily 阅读(159) 评论(0) 推荐(0)
摘要:原文地址: http://www.cnblogs.com/PeunZhang/p/3407453.html#question_1目录(更新于20150914)meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网... 阅读全文
posted @ 2015-09-17 10:05 Shimily 阅读(143) 评论(0) 推荐(0)
摘要:方案一:银贤.imgs img{ width:100%; display:block; max-width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}方案二:... 阅读全文
posted @ 2015-04-29 10:13 Shimily 阅读(628) 评论(0) 推荐(0)
摘要:案例测试:function TouchLeft(){ var startX, startY, moveEndX, moveEndY, X, Y; $(".howPlay,.xqing").on("touchstart", function(e) { // e.preventD... 阅读全文
posted @ 2015-04-28 18:16 Shimily 阅读(7145) 评论(0) 推荐(1)
摘要:给div设置overflow-y:scroll;内容滚动时,移动端会出现卡顿现象,-webkit-overflow-scrolling: touch;可以加速设备,WebKit私有的属性“-webkit-overflow-scrolling: touch”(允许独立的滚动区域和触摸回弹) ... 阅读全文
posted @ 2015-04-28 15:13 Shimily 阅读(767) 评论(0) 推荐(0)
摘要:当我们在移动端,给div设置一个高度,使用 overflow-y:scroll实现 div内容滚动的时候,会发现滚动内容卡顿。。 此时使用 -webkit-overflow-scrolling: touch;可以解决卡顿问题。。。。 但是会出现滚动到底部,页面无法触发滚动的问题。 阅读全文
posted @ 2015-04-28 15:09 Shimily 阅读(3347) 评论(0) 推荐(0)
摘要:/* * swiper初始化 */var swiper1 = new Swiper('.swiper1', { ... 阅读全文
posted @ 2015-04-27 14:02 Shimily 阅读(13925) 评论(0) 推荐(0)
摘要:js随机动态引用css样式表: 阅读全文
posted @ 2015-04-27 13:54 Shimily 阅读(434) 评论(0) 推荐(0)
摘要:如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webapp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport: 也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就... 阅读全文
posted @ 2015-04-24 17:11 Shimily 阅读(545) 评论(0) 推荐(0)
摘要:1.失去焦点,获取焦点,输入提示自动消失$(".username,.usertel").focus(function(){ //获取焦点 if ($(this).val()==this.defaultValue){ $(this).val(""); }}).blur(f... 阅读全文
posted @ 2015-04-23 14:11 Shimily 阅读(232) 评论(0) 推荐(0)
摘要:方法一:【适用于PC端】 label方式提示:方便设置提示的颜色和输入时的颜色。并且可以避免: PC端不支持Css3里的placeholder属性的浏览器 表单聚焦失焦 提示自动消失 姓名: 请输入姓名 ... 阅读全文
posted @ 2015-04-23 13:28 Shimily 阅读(1075) 评论(0) 推荐(0)
摘要:input[type='radio'].taocan{display: none; background: none; border: none; opacity:0; display:inline-block;}label.labtaocan{ margin-top: 1%; padd... 阅读全文
posted @ 2015-04-22 14:34 Shimily 阅读(1564) 评论(0) 推荐(0)