1. 页头meta声明， 当用户用手机访问这个PC端页面时，URL将自动跳转到指定的移动端URL地址。 format设置移动端URL地址网页格式；待续……
分类：
其他好文 时间：
2015-04-03 14:58:58
阅读次数：
103
1、单行文本溢出显示省略号的css写法1 overflow:hidden;2 text-overflow:ellipsis;3 white-space:nowrap;/*不换行*/2、多行文本显示省略号 这里根据应用场景来实现 1）Webkit浏览器或移动端页面 可以使用webkit的私有属性...
分类：
Web程序 时间：
2015-04-03 13:28:55
阅读次数：
176
在移动端网站，当你点击加了a标签的文字或图片时，该元素的周围会闪现一个蓝色的边框，在微信上的网站就是如此；而有的浏览器会闪现一个半透明遮罩层，比如移动端的Chrome浏览器，其实这些特效无非就是为了告诉用户已点击了该元素，提升用户体验，但有的时候你会觉得这些特效看起来很别扭，就想着清除它，其实这.....
分类：
移动开发 时间：
2015-04-03 12:59:25
阅读次数：
180
移动端重构系列 // iPhone // iPhone Retina // iPhone 5 // iPad portrait // iPad landscape // iPad Retina portrait // iPad Retina landscape ...
分类：
移动开发 时间：
2015-04-03 11:13:04
阅读次数：
139
最近做一个手机端的项目要用到图片裁剪的功能
在网上找了很久，都找不到免费的触摸裁剪插件
类似jcrop之类的插件在手机上都不能工作
最后自己写了个简单的插件
用FileReader读取图片
根据触摸事件
canvas 动态的改变图片的位置和做缩放
代码我放在github上了，有兴趣的可以去看看https://github.com/xyc-cn/touchCrop...
分类：
移动开发 时间：
2015-04-03 09:25:49
阅读次数：
145
WebAPP和原生APP同为移动端，很少有研究这两项的交互区别，最近公司做了一次从原生APP到WebAPP（HTML5 ）的移植，故总结一下期间遇到的问题及不同点总结。从使用场景上，WebAPP用户面临比原生APP用户更严峻的问题：1、页面跳转更加费力，不稳定感更强思考点：如何减少跳转（扁平结构、页...
分类：
移动开发 时间：
2015-04-01 17:17:36
阅读次数：
120
手机平板等大多移动端站点都会有触摸滑动内容的功能，公司移动端站点（m.muzhiwan.com）的标题广告滑动以及轮播效果就是用的Swiper插件。Swiper就是常用于移动端网站的内容触摸滑动的一个js插件。Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及...
分类：
移动开发 时间：
2015-03-31 17:43:35
阅读次数：
179
function isMobile(){ var sUserAgent= navigator.userAgent.toLowerCase(), bIsIpad= sUserAgent.match(/ipad/i) == "ipad", bIsIphoneOs= sUserAgent.ma...
分类：
移动开发 时间：
2015-03-31 17:41:02
阅读次数：
190
看看效果：
PC端：
QQ截图20150327215831
移动端：
QQ截图20150327215915
一、HTML
首页
前端开发
...
分类：
其他好文 时间：
2015-03-31 14:46:21
阅读次数：
121
viewport（视口） 视口可控制网页在移动设备上的显示方式。如果未指定视口，移动设备将以典型桌面屏幕的宽度来呈现网页，并调整网页使其适合屏幕大小。通过设置视口，您可以控制网页在不同设备上的宽度和缩放比例。下图是safari开发者文档中的图示： ViewPort 标记 ViewPort 标记用于指...
分类：
移动开发 时间：
2015-03-31 10:42:23
阅读次数：
1082
