响应式
使用VH和VW实现真正的流体排版
视口（viewport）单位，使流体排版在页面上应用变为可能。视口单位是根据浏览器的视口尺寸的百分比来定义的。举个例子，1视口宽度（vw）等于视口宽度的1%，它不同于百分比的地方是，它的宽度是依赖于视口的宽度的，而百分比是元素的祖先元素来决定的。
响应式布局框架
最近群里总有人问关于响应式布局应该怎么做？其实，响应式布局并没有想象中那么难，来熟悉下面这几个热门的响应式布局框架，帮助你快速上手响应式布局，无论是设计页面或者是前端开发制作，都能从中获益。
响应式图片的3种解决方案
个人总结：在当前响应式设计和自适应设计的流行下，很多web 应用往往都兼容手机、平板和PC，其中一个让人比较头痛的问题就是图片的加载了。不同平台显然不可能用同一张大的图片，这样子不但浪费手机流量、影响网站载入速度并且在小屏幕下会很不清晰。让 ...
CSS3多列Multi-column布局
Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介 columns CSS3 无 设置或检索对象的列数和每列的宽度。复合属性 column-width CS ...
响应式表格,HTML表格自适应（responsive table）
简单自适应表格 前面的一篇文章里面我介绍到了一种简单的自适应表格制作方案，就是通过给表格的外面加了一个.table-container的标签 .table-container { width: 100%; overflow-y: auto; ...
响应式布局的相关文章
CSS3和Media Query的配合当下就能提供给响应式Web设计良好的支持,满足用户在open web的全新环境下为跨屏幕,跨设备的内容浏览需求。本文推荐了互联网比较热门的解读响应式布局的文章资源 响应式设计 响应式设计的开篇之作： h ...
Foundation前端开发框架 – 快速创建跨平台的网站页面原型
Foundation是一款开源的前端框架，我们可以使用它快速创建页面原型。相比于其他同类型工具，Foundation的移动化方案更加出色；借鉴响应式Web设计的思路和方法，Foundation对内容结构在不同类型设备中的的呈现方式进行了相应 ...
响应式web设计流程
响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改 变窗口大小等）进行相应的响应和调整。 具体的实践方式由多方面组成，包括弹性网格和布局、 ...
移动web开发项目经验小结
我是被人硬拉上岗的。移动开发可以说是刚入门。之前虽然说做PC端方面已经很熟练，但面对移动版开始却是无从下手，为什么呢？因为要兼容各种设备啊。 最近整理的移动端 Web 开发前端知识，不定期更新。 热门学习： 微信扫描打开APP下载链接提示代 ...