文章分类 - 移动开发
摘要：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...
阅读全文
浙公网安备 33010602011771号