移动端flex布局 弹性盒布局语法分为两部分： 1. 添加在父容器上的语法 （1）display : flex; 设置为弹性盒（父元素添加） （2）flex-direction: 主轴排列方式 　　row; 默认值，默认为横向排列。 　　row-reverse; 反转横向排列 ...

如果你身受页面不能自适应的困扰，那可别错过flex这么好用的属性哦。 如果你对浮动定位和绝对定位已经有点厌烦，那你了解一下flex布局吧。 目前，Flex布局，可以简便、完整、响应式地实现各种页面布局。 而且，它已得到了所有浏览器的支持 ...

flex布局介绍： 　　flex布局很灵活， 这种布局我们也可以称之为弹性布局， 弹性布局的主要优势就是元素的宽或者高会自动补全; flex布局实例： 　　比如有两个div，一个div的宽度为100px， 想让另外一个div的占据剩下的宽度 ...

在Mobile WebKit浏览器上的WebApp。本篇文章讲解如何像传统PC网页开发一样，使用定宽布局 ...

webapp如何隐藏浏览器的导航栏 在webapp开发中，手机浏览器的导航栏会让我们的页面看起来很怪异，这个时候我们就需要将导航栏给隐藏起来，隐藏的方法十分简单，只需要在head头中加入以下几行代码就行： <!--UC强制全屏--> <meta name ...

一、目前移动端布局方法 两个基本规则：移动优先，设计初期就要考虑设计的页面如何多终端显示。渐进增强，充分发挥硬件设备的最大功能。 三个常用方法： 1）css3-media Query（最简单，最基本） 优点：解决了跨设备问题 缺点：兼容性代码多工作量大，加载 ...

Web比App简单？ 前两天有人问手机上做网页简单还是做app简单，我真答不上来。很多人会不以为意的说当然是网页简单，但真的是这样吗？ 放眼现在上线的手机网页，大多数都是平时pc的技术沿用过来的，鲜有新时代的影子。看来看去也就淘宝、豆瓣、知乎这种大公司对移动网页有一定的思考 ...

本篇主要是记录一下移动端视口的分类说明和其它的一些知识。在开始之前，先看一个典型的例子： 上述代码相信大家在做移动端开发时经常去书写。它研究了两个内容：meta视口和宽度媒体查询。通常我们都会称上述代码为CSS3的媒体查询功能。使用媒体查询功能能够解决针对桌面级的web设计在移动端 ...