#160#160#160ResponsiveIs 是TypeCast所开发的响应式测试工具，令人印象颇为深刻测试方式也很简单，输入需要测试的网站的URL，ResponsiveIs会根据你选择的设备自动检测19 Protofluid #160#160#160Prot。

idea是学校老师教得最多的一款软件，从学Java开始，除了eclipse和myeclipse之外，学校老师用的最广泛的Java编译器就是idea，而idea也能进行前端项目的开发，idea是我用得最熟的一个编译软件像一个完整的前端网站，配置好jdk。

由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PCPad的冗余代码，导致文件变大，影响加载速度1同一页面在不同大小和比例上看起来都应该是舒适的 2同一页面在不同分辨率上看起来都应该是合理的 3同一。

缺点1响应式网站加载需要一定的时间 由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PCPad的冗余代码，导致文件变大，影响加载速度还有一些图片并没有根据设备调整到适宜的大小，而这正是导致加载时间。

不过，或许会有另外一种方式，可以帮助我们避免这种情况的发生响应式Web设计Responsive Web design的理念是，页面的设计与开发应当根据用户行为以及设备环境系统平台屏幕尺寸屏幕定向等进行相应的响应和调整具体的实践。

这里我们首先考虑在小设备窗口下header太高已经占据了大半的屏幕显示，所以这里我们重新设定下header的高度，能完整呈现出这个站点logo就可以了在480px小设备窗口下浏览，页面内容会很长，这个时候我们要在底部加个返回页面顶部。