响应式网页设计基础也是重点：灵活性(6)

　　为了得到一个成比例的高度值，我用和计算水平值一样的方法：上下文高度是基本字体的字号，因此的高度为：

　　148 ÷ 16 = 9.25

　　我把结果用em做单位加到CSS中：

　　header{ border="1" Height: 9.25em;/*148px/16px*/ padding:.4375em 4.25531% 0; /*T-7px/16px|RL-40px/940px*/ }

　　灵活的图片

　　EE Podcast网站没有太多的内置图片，只有一些背景图片。目前我还没决定对这些图片做什么设置，因此也没有什么可以向你展示的技术流程。

　　我唯一能做的就是向你分享一些我正在参考的网站，它们帮我决定是否有必要在我们的网站上使用灵活的图片布局。

　　·对于背景图片来说，我更关注background-size property是否会派上用场。对内置图片来说，

　　·max-width approach有着不错的浏览器支持，可以用在溢出旁边。

　　独立工作流

　　我们已经讨论了如何使ee-podcast.com的页面布局变得更加“灵活”。我应该说明一下这是个个人项目，因此会在时间允许的情况下来完成它。因此，我实现网站灵活布局的过程是一个迭代的过程。从转换固定宽度开始，慢慢使他能够响应不同的分辨率，整个过程花费了4个月的时间(包括那些和数学作斗争的烦躁不安的时间)。

　　最终我完成了一个独立的工作流

　　1.我首先直接利用PS设计稿完成了一个固定宽度的站点

　　2.把所有宽度变为百分比，除了主容器的宽度，设置为固定的940像素

　　3.把所有字体单位变成比例字号em

　　4.把所有的margin和padding变成百分比，然后把水平margin和padding变成单位为em的值

　　5.最终我将940像素变成一个百分比

　　为什么用这个流程？主要是因为，作为一个应用灵活布局的新手，我希望首先确保自己有一个使用指定像素值的核心的布局(并且在所有浏览器上都能很好地显示)。我的逻辑是，我可以一边测试，一边慢慢地使设计百分比化，但是总能知道基本版式(固定宽度版本