一、响应网页设计的关键特征
网站必须以灵活的网格为基础构建
设计中包含的图片也必须是灵活的
在不同的环境中必须可以通过媒体查询拥有不同的视图
重要的是要注意索要这三个特征都必须实现，以使真正的响应网页设计生效
任何缺少这些特征的视觉都不是一个响应网页设计，它是不可改变的
灵活的网格
事实上，大多数存在的网格系统都限制于使用CSS类来定义大小，间距和排列。试着附加这些限制到一个响应网页设计上可能会很棘手兵器比自己写的布局更浪费时间。
不管你是使用预置的网格系统还是使用自定义的解决方案，灵活网格系统真正重要的地方是你的布局大小和间距的机制。
对于网页设计者，就意味着要放弃像素，并用百分比和em这样的相对测量单位的网页布局代替他们
当然，这不意味着我们不再在我们的图像编辑软件（即Photoshop，Fireworks等）中使用像素。取而代之的是，增加的一个需要简单的数学计算的步骤成为网页设计过程的一部分，因为我们要将我们的像素转化为使用相对单位的网页布局。
灵活的图片
图片随着我们的灵活的网格移动和缩放是响应网页设计的更一个关键特征。灵活的图片常常让网页设计者有些头疼。显示内容时使用HTML的width和height属性来缩小它不是一个加快网页加载速度的很好的实践。
当然，这个问题有多大取决于图片对你的网站带来的压力有多大。
另一个缩放图片的方法是使用CSS裁剪它们。CSS的overflow属性（比如说overflow:hidden）让我们能够动态地裁剪图片，并使得周围的空间能够适合新的显示环境。
我们可以完全隐藏图片，如果我们真的希望关注无图的内容，可以在样式表中将图片设置为display：none
二、响应网页设计到底是什么
组织良好的HTML和灵活的布局对于现代网页设计来说是日常生活的一部分。在现代环境下，提供灵活的布局更加有必要，这样我们可以更好的适应现存的多余的浏览情况，我们要设计的更流畅和灵活。
响应网页设计让我们关注于花时间去做正确的事，不仅仅是我们如何写代码，而且是构思新想法和执行新的设计。
三、正确的方向
响应网页设计是正确方向上的一步。许多网站坚持从响应设计中获取很多好处，并且每一个设计师肯定应该能够执行这个方案并寻找优化他们的设计的方法。
当设计者地在适应各种设备和情况的解决方案上不断进步，设备也尽可能地努力在显示网页上寻找Zui完美的和直接的方法。
两者相辅相成，我们就必然会有越来越多的机会来创建更动态，更有魅力并且更美丽的Web世界。
全部（70）网页设计（17）网站建设知识（16）网站技术（16）品牌策划（5）网站优化（16） |