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