在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 可切换的固定布局、弹性布局、混合布局都是目前可被采用的响应式 ...
分类：
其他好文 时间：
2016-12-29 07:12:24
阅读次数：
155
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 可切换的固定布局、弹性布局、混合布局都是目前可被采用的响应式 ...
分类：
其他好文 时间：
2016-12-21 23:43:47
阅读次数：
205
目前，Flex布局，可以简便、完整、响应式地实现各种页面布局。而且，它已得到了所有浏览器的支持，这意味着，我们能很安全地使用这项功能。 如果你对弹性网页布局感兴趣，那可别错过flex这么好用的属性哦。 一、 初识flex 以前我给PC端网页进行布局时，我是基于盒子模型上，然后采用float浮动和po ...
分类：
移动开发 时间：
2016-12-20 19:57:12
阅读次数：
658
目录 一、负边距与浮动布局 1.1、负边距 1.1.1、向上移动 1.1.2、去除列表右边框 1.1.3、负边距+定位，实现水平垂直居中 1.1.4、去除列表最后一个li元素的border-bottom 1.2、双飞翼布局 1.3、多栏布局 1.3.1、栅格系统 1.3.2、多列布局 二、弹性布局（ ...
分类：
Web程序 时间：
2016-12-09 15:56:08
阅读次数：
237
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度 ...
分类：
其他好文 时间：
2016-12-02 02:19:00
阅读次数：
230
Css3的flex布局用法 Flex意为“弹性布局”，英文flexible box的缩写，flex布局使css盒模型变得更加强大和灵活，flex布局主要用在webapp和移动端中使用，移动端flex布局，将使的布局变得异常简单。 任何一个容器都可以指定为flex布局； 行内元素也可以使用flex布局 ...
分类：
其他好文 时间：
2016-11-22 03:10:20
阅读次数：
1347
实现移动端自适应大概的几种方法： 1.固定宽度，使用一个模式加上少许的媒体查询； 2.使用flexbox解决； 3.使用百分比加媒体查询； 4.使用rem。 一、如果是简单app，排版不管分辨率怎么变，关键元素宽高和位置固定，只是元素容器做伸缩变换。这种app是典型的弹性布局。而类似于这种app只有 ...
分类：
移动开发 时间：
2016-11-21 18:43:06
阅读次数：
391
在React Native中主要使用FlexBox来布局。什么是FlexBox布局?
弹性盒模型（The Flexible Box Module）,又叫Flexbox，意为“弹性布局”，...
分类：
其他好文 时间：
2016-11-20 19:41:05
阅读次数：
281
这里弹性布局的用法就不说了 用过的都知道很方便 虽然现在弹性布局已经实现标准了 但是还是存在一些兼容问题 旧版本 （一些低版本的浏览器） display:-webkit-box; 新版本（目前的标准版本）display: -webkit-flex; 为了兼容一些老版的手机浏览器不得不 每次在写样式的 ...
分类：
其他好文 时间：
2016-11-15 14:05:00
阅读次数：
148
