移动端的知识总结
摘要:1、微信中: iPhone4: 320 x 416iPhone5: 320 x 504iPhone6: 375 x 603iPhone6 Plus: 414 x 672 ipad mini :横屏时1024 * 704, 竖屏时 768 * 960;iphone 4 :横屏时 480 * 268,
阅读全文
posted @
2016-03-14 11:19
雨为我停
阅读(167)
推荐(0) 编辑
【转】移动web资源整理
摘要:目录(更新于20150311)meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶...
阅读全文
posted @
2015-04-21 17:41
雨为我停
阅读(169)
推荐(0) 编辑
JS移动客户端--触屏滑动事件
摘要:移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触...
阅读全文
posted @
2015-04-21 17:31
雨为我停
阅读(298)
推荐(0) 编辑
调试WEB APP多设备浏览器(转)
摘要:方法:adobe shadow \ opera远程调试\ weinreadobe shadow:我们经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试页面,JavaScript,DOM元素和CSS样式的调试。但是,当我们为移动Web站点或应用进行调试时,这些工具就很不...
阅读全文
posted @
2015-04-21 17:29
雨为我停
阅读(206)
推荐(0) 编辑
html5用到的js
摘要:1、Zepto.js 是专门为现代智能手机浏览器退出的 Javascript 框架, 拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小,...
阅读全文
posted @
2015-04-21 17:27
雨为我停
阅读(271)
推荐(0) 编辑
移动对meta的定义
摘要:以下是meta每个属性详解尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用。一、 //编码META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 注意: 该META标签定义了HTML页面所使用的字符集为GB213...
阅读全文
posted @
2015-03-24 10:31
雨为我停
阅读(166)
推荐(0) 编辑
Meta标签详解(转)
摘要:引言 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大...
阅读全文
posted @
2015-03-24 10:30
雨为我停
阅读(192)
推荐(0) 编辑
移动设备3G网站制作的detail
摘要:说明一下,在此所说的移动设备前端开发是指针对高端智能手机(如Iphone、Android),所以需要对webkit内核的浏览器有一定的了解。1、webkit内核中的一些私有的meta标签第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏...
阅读全文
posted @
2015-03-24 10:21
雨为我停
阅读(224)
推荐(0) 编辑
手机浏览器页面知识收集(转)
摘要:wap手机网页css(wap css)大部分手机现在都支持XHTML浏览器,这意味着我们只需在stylesheets的类型设置成“handheld”即* {position: static !important;float: none !important;}因为现行的手机的屏幕限制,没有太多的空间...
阅读全文
posted @
2015-03-24 10:20
雨为我停
阅读(674)
推荐(0) 编辑
响应式网页的布局设计
摘要:值得收藏的14款响应式前端开发框架作为今年大热的设计趋势,响应式已然是设计师的标配技能。今天阿里的同学从响应式设计的布局类型、布局实现两方面深入讲解,有哪些实现布局的方式,该采用何种方式,都有相当专业细致的解答,不多说,来收!布局类型:布局实现采用何种方式实现布局设计,也有不同的方式,这里基于页面的...
阅读全文
posted @
2015-03-23 10:08
雨为我停
阅读(216)
推荐(0) 编辑
响应式web设计之CSS3 Media Queries
摘要:Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。那么,Media Queries是如何工作的?两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:意...
阅读全文
posted @
2015-03-23 09:43
雨为我停
阅读(201)
推荐(0) 编辑