阅读本文需 8 分钟 阅读本文需 8 分钟 响应式设计起源：Ethan Marcotte在2010年写了一篇响应式的文章，宣扬这种新式的网页设计思想，经过3年的发展，响应式设计得到了众多设计师的认可。 本文的目的在于为大家集中推荐一些最有价值的响应式设计资源。包含了CSS框架、在线工具、准备阶段的工 ...
分类：
其他好文 时间：
2018-03-01 11:45:28
阅读次数：
199
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所 ...
分类：
其他好文 时间：
2018-02-24 16:55:53
阅读次数：
182
对于一个前端的初学者来说，首先要做好的事就是切页面了，切页面不得不说的就是布局了，布局的重要性不言而喻，为了良好的用户体验，提出了许多不一样的布局：响应式布局，弹性布局，流动布局等等，也流入出了许多的框架。最近在看关于移动端的响应式布局，其中涉及到比较多的就是大小属性的设置：px、vw、vh、%、e ...
分类：
移动开发 时间：
2018-02-24 16:54:28
阅读次数：
239
优点： 可以实现响应式布局，开发响应式布局网站很便捷 统一的编码风格 简单易写 详细的说明文档，可快速开发 移动设备优先 性能成熟，在大量项目中使用测试过 缺点： 有兼容性问题，ie6以下不支持 不支持sass 使用定制会产生大量冗余代码 点击导航页面直接切换相应位置时，效果像一个锚点，没有滚动动画 ...
分类：
其他好文 时间：
2018-02-23 22:15:17
阅读次数：
139
目前Bootstrap和其他前端工具大行其道，然而，也有很多轻量级的前端框架值得大家参考和借鉴。现在，我们为大家整理了25款轻量的前端框架，希望对大家有用。 1. Skeljs 轻量，仅包含了一个JS文件（大小有18kb），可以处理任何类型的复杂布局，简化了响应式布局的构建。 2. UI Kit 基 ...
分类：
Web程序 时间：
2018-02-23 18:52:41
阅读次数：
202
一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md，sm， xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么？ 同一个网页在不同的终端上呈现不同的布局等- 响应式怎么实现的？ 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - ...
分类：
Web程序 时间：
2018-02-20 19:02:21
阅读次数：
274
Static 静态布局 Liquid 流式布局 Adaptive 自适应布局 Responsive 响应式布局 Static 静态布局 Liquid 流式布局 Adaptive 自适应布局 Responsive 响应式布局 示例网站：点击查看 ...
分类：
其他好文 时间：
2018-02-18 19:44:45
阅读次数：
141
一、响应式开发1、响应式布局，就是一个网站能够兼容多个终端。2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询screen的宽度来指定某个宽度区间的网页布局。超小屏幕（移动设备）768px以下小屏设备768px-992px中等屏幕992px-12
分类：
移动开发 时间：
2018-02-05 10:34:02
阅读次数：
182
自适应布局： 使用固定分割点进行布局，只有几种固定状态，如：768px,996px,1200px，元素位置变化大小不变； 响应式布局： 每个主流分辨率下都有一个布局样式，虽然差异较小，但也有几百种不同状态，元素位置大小都会变化。 布局按CSS单位划分 布局按css属性划分 布局按页面样式布局 流式布 ...
分类：
Web程序 时间：
2018-02-05 00:30:37
阅读次数：
242
Margin和Padding是我们在网页设计经常使用到的CSS样式，他们分别是间距和填充，一个作用于盒子外面，一个作用于盒子里面，默认的情况下，这些属性的值都会被计算在盒子的面积里面，在网页开发中的流体布局或者是响应式布局中，经常将Margin和Padding设置成百分数，那么到底这个百分数是多少， ...
分类：
其他好文 时间：
2018-02-03 20:00:26
阅读次数：
397
