移动开发
文章平均质量分 83
zerlinda_c
这个作者很懒,什么都没留下…
展开
-
移动web开发viewport深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念 通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的web转载 2015-12-17 18:50:41 · 848 阅读 · 0 评论 -
跟随屏幕滚动后固定导航到顶端
在浏览网站的时候看到许多不错的效果,比如导航栏滚动一定距离后固定到某一位置。最近做手机端的页面比较多,就想如果多个导航栏叠加能否也将导航栏固定在不同位置呢?其实代码很简单,只不过是一个思路,看一下实际效果: 思路很简单,首先将页面整体结构确定下来,最外层套一个div是常识,然后就是导航和内容的分离。由于html整个文档默认从上到下渲染,而我们原创 2015-12-30 19:35:48 · 10512 阅读 · 0 评论 -
web开发弹性盒模型flexbox新旧比较
一、flexbox弹性盒子布局兼容性: iOS可以使用最新的flex布局 Android4.4以下,只能兼容旧版的flexbox布局 Android4.4及以上,可以使用最新的flex布局 注: CSS的columns在伸缩容器上没有效果。 float、clear和vertical-align在伸缩项目上没有效果。 首先还是从两个版本的语法开始讲吧。<div class = "box"> <原创 2015-12-17 19:28:06 · 1421 阅读 · 0 评论 -
移动web开发响应式布局总结
首先来理解三个概念。一、viewport深入理解 我们在开发移动设备的网站时,最常见的的一个动作就是把下面这个东西复制到我们的head标签中:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 该meta标签的作用是让当前viewport的原创 2015-12-17 19:02:28 · 5926 阅读 · 0 评论 -
<meta>标签属性
meta标签由http-equiv属性和name属性组成,下面介绍几个在开发过程中经常会用到的属性。 1、name属性(对SEO的作用比较大) name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索爬虫查找信息和分类信息用的。 meta标签的name属性语法格式是:<meta name=”参数” content=”具体的参数值”> 。 其中na原创 2016-01-21 20:06:01 · 781 阅读 · 0 评论