随笔分类 -  web app

巧妙使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的好方法
摘要：有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏，普通屏，平板，手机？知道这些特征，我们web应用的CSS和JavaScript才能同步做相应的操作。在给Mozilla Developer Networks改版设计的过程中，我发现使用CSS媒体查询(media qu... 阅读全文
posted @ 2014-11-27 19:31 小豆豆er 阅读(2506) 评论(0) 推荐(1)
winphone 中的指针和手势事件
摘要：注意有关这些主题的最新概述，请参阅指针事件和手势事件主题。小心W3C 指针事件规范自从在 Internet Explorer10 中实施以来，已经经历了多次修订。此外，截止到 Internet Explorer11，已弃用了指针事件 API 上的MS供应商前缀。请参阅指针事件更新以了解更改和兼容性最... 阅读全文
posted @ 2014-08-11 11:47 小豆豆er 阅读(329) 评论(0) 推荐(0)
WebApp 开发中常用的代码片段
摘要：其实这里面的多数都是iOS 上面的代码。其他平台的就没有去验证了。HTML, 从HTML文档的开始到结束排列: 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 禁用手机号码链接(for iPhone) 设置你网页的图标, 尺寸为57X57 px 全屏启动时候的启动画面图像,... 阅读全文
posted @ 2014-06-20 11:41 小豆豆er 阅读(345) 评论(0) 推荐(0)
apple-touch-icon-precomposed 和 apple-touch-icon属性区别
摘要：苹果safari浏览器当中apple-touch-icon-precomposed 和 apple-touch-icon属性是有区别的，之前在网上查了下相关的资料和苹果的开发文档手册，对这两中属性区别说的不够详细，导致现在大家开发的时候有些混淆。苹果safari浏览器定义的这两种属性是为了苹果移动设... 阅读全文
posted @ 2014-06-20 11:39 小豆豆er 阅读(860) 评论(0) 推荐(0)
移动平台的meta标签-----神奇的功效
摘要：对于桌面平台web布局中大家对meta标签再熟悉不过了，它永远位于 head 元素内部，对做SEO的朋友一定对meta有种特殊的感情吧，今天我们就来说说移动平台的meta标签，在移动平台meta标签究竟有哪些神奇的功效呢？1、Meta 之 viewport说到移动平台meta标签，那就不得不说一下v... 阅读全文
posted @ 2014-06-20 11:38 小豆豆er 阅读(226) 评论(0) 推荐(0)
手机touch事件
摘要：touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前D... 阅读全文
posted @ 2014-06-20 11:37 小豆豆er 阅读(404) 评论(0) 推荐(0)