CSS实用技巧:响应式Web设计CSS属性的运用

来自：http://www.verydemo.com/demo_c104_i27013.html

正如我在教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。

1. 响应式Video (demo)

响应式video的CSS技巧是由tjkdesign.com发现的。我之前的一篇文章介绍过它，你可以在这里阅读。响应式视频会适应它的容器宽度。

1

2

3

4

5

6

7

8

9

10

11

12