今天在做一个水平居中的div内部元素贴边水平均匀布局（有点绕，直接看图吧），
一开始使用的都是一些比较常用的css+html方法来实现布局，感觉这样很死板（在多增加一个div，并未div设置相应的一个负的margin-left，此值需要通过计算得到），
于是便想到了css3的flex流式布局，于是上网找了一些资料：
1、css3 flex
一旦一个容器赋予了disp...
分类：
Web程序 时间：
2015-08-28 17:47:43
阅读次数：
510
最常见的办法就是基类（最常用的网站布局）+扩展类（几种不同的网站布局类）来实现不同的布局。 header main footer针对不同布局编写不同的css代码，通过js判断设备、不同分辨率调用不同的布局样式，从而实现同一套前端Html代码适配不同设备和场景，给用户带来最佳的操作体验。自从响应式布局...
分类：
Web程序 时间：
2015-08-25 19:01:10
阅读次数：
137
一、静态页面：1、页面的布局：对于页面的布局，如果此页面的头部或者尾部有背景颜色等，我们需要先定义一个总的header、footer标签，设置背景颜色。再对内容部分给出一个宽度，使用margin：0 auto;来设置。这样才能自适应不同的分辨率。与响应式布局的区别，响应式布局是在不同的分辨率下显示的...
分类：
其他好文 时间：
2015-08-25 16:30:33
阅读次数：
193
最近才接触到响应式布局的概念，之前用到的bootstrap就是一种响应式布局的框架。学习的时候参考了http://blog.csdn.net/shoyer/article/details/8293011这篇文章。简单记录一下用css写响应式布局的方法。大概可以这么理解，通过判断屏幕的大小来调整css...
分类：
其他好文 时间：
2015-08-19 23:32:49
阅读次数：
174
1.css中的Media Query（媒介查询）： 设备宽高： device-width，device-height 渲染窗口的宽和高：width，height 设备手持方向：orientation 设备的分辨率：resolution2.使用方法： 外联 内嵌样式js事件测试 如上的两种方...
分类：
Web程序 时间：
2015-08-19 19:37:55
阅读次数：
112
首先响应式布局我们应该充分了解它的优缺点 优点：1、面对不同分辨率设备灵活性强2、能够快捷解决多设备显示适应问题缺点：1、兼容各种设备工作量大，效率低下2、代码累赘，会出现隐藏无用的元素，加载时间加长3、其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的.....
分类：
其他好文 时间：
2015-08-16 14:59:30
阅读次数：
119
史上效果最好的焦点图幻灯片jQuery插件Skippr，轻量级插件、响应式布局插件，强大的参数自定义配置，可自定义切换速度、切换方式、是否显示左右箭头、是否自动播放、自动播放间隔时间等配置参数，调用插件也非常简单易用，调用方式下面介绍下：1.加载jQuery和插件2.HTML内容 ...
分类：
Web程序 时间：
2015-08-14 13:20:09
阅读次数：
142
一、什么是响应式布局?响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动...
分类：
其他好文 时间：
2015-08-10 01:43:04
阅读次数：
92
优点和缺点编辑优点：[1]面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：[1]兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况2设计思路...
分类：
其他好文 时间：
2015-08-10 01:42:25
阅读次数：
95
demo1 上面这段代码相信大家都不陌生,这是写手机网站的标配,这里也不过多解释,不过要注意的是viewport指的是手机虚拟窗口而不是屏幕可视区域也不是页面本身。关于响应式设计网站在手机上的显示,考虑的因素有两个,第一是屏幕分辨率,第二是屏幕大小。当利用浏览器里面的手机模拟器显示网页时,要考...
分类：
移动开发 时间：
2015-08-10 00:05:41
阅读次数：
189
