Fork me on GitHub
随笔 - 317  文章 - 1  评论 - 11  阅读 - 27万

随笔分类 -  响应式布局——>移动前端

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

< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示