一直专注于PC网站的开发，不曾接触手机网站，于今日机缘巧合也是公司业务需要，并在之前学习过flex的布局，于是一并实践。碰到的问题还是很多的，主要是谈谈flex布局。flex布局是css3里的内容，一种新的布局方式，也称之为 弹性布局，主要是为了取代 inline-bolck 和float 为总布局...
分类：
移动开发 时间：
2015-09-29 01:12:32
阅读次数：
251
本周开始做项目，其中有移动端的，看见其他组有使用rem的，然后我就开始百度rem，搜到几篇好文章，跟大家分享一下，web app变革之remweb app 自适应方案总结 关键字 弹性布局之rem以下代码，是在朋友所发案例中拷贝的 Document 关...
分类：
其他好文 时间：
2015-08-16 22:41:03
阅读次数：
142
一个完整的页面和其中的组件该如何具备灵活性。 怎么样利用CSS来实现无论屏幕、窗口以及字体的大小如何变化，都可以自由扩展和收缩的分栏式页面。 要决定使用流动布局、弹性布局还是固定宽度的布局，得由项目的特点和需求来决定。 流体布局 Header Goes Here ...content goes he...
分类：
Web程序 时间：
2015-07-13 23:45:09
阅读次数：
236
引文首先,我们有表格布局。当不考虑语义并且利用一些适当的嵌套和其他技巧,我们可以用table建立具有一定功能的布局。然后是现在大多数人都在使用的浮动布局。我们可以使用任何我们想用的元素,但浮动并不适用于初学者。表面上它看起来很基础,但背后复杂的功能可以使经验丰富的开发者看着自己的屏幕不知所措。另外,...
分类：
移动开发 时间：
2015-07-08 02:03:47
阅读次数：
323
固定宽度的布局流式布局弹性布局固定宽度的两列布局： 两列布局 流式两列布局：将容器宽度设为窗口宽度的百分数，流式布局能够相对于浏览器进行伸缩...
分类：
Web程序 时间：
2015-06-23 11:23:51
阅读次数：
170
css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使...
分类：
其他好文 时间：
2015-05-22 17:03:26
阅读次数：
100
1.响应式web设计说到这个，移动开发面对的屏幕尺寸那叫一个丰富，其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局，前者设置一个绝大多数电脑能正常显示的固定宽度居中显示，后者则采用百分比。关于这两者讨论的文章很多，有兴趣的自己查阅下，我今天要介绍的就是相信你已经听过的...
分类：
移动开发 时间：
2015-05-21 16:53:43
阅读次数：
272
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：布局类型 布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只....
分类：
其他好文 时间：
2015-05-12 18:44:06
阅读次数：
92
弹性布局总结：box是先出来的，flex后出，现在主要用flex。但是box有一个特性是flex没有的，文字可以垂直居中~display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;设了宽度+padding+borde...
分类：
其他好文 时间：
2015-05-12 11:08:03
阅读次数：
179
现在移动端 web app 的自适应布局的方案有 5种。 零. Flexbox 使用css3 flexbox 进行布局，对于富媒体和复杂排版的支持非常强大，未普及兼容性非常差，几乎没有在任何项目中得到应用。 一. 弹性布局 使用 em 或 rem 单位进行相对布...
分类：
移动开发 时间：
2015-04-20 16:38:09
阅读次数：
183
