响应式网站建设与设计可以说是很多人都非常关注的部分了，在我们建站的时候要注意的是要匹配日益细化的屏幕尺寸，因此设计师也在努力提高自己，以解决这些困难，而网页中的图像设计确实是响应式设计的一大难题。

　　1、以最小屏幕设计为主

　　也许你认为你需要从大屏幕设备开始，但是你会发现大屏幕上的内容被压缩到手机上显示的时候会出现比例不一致的问题，图片会变平。但是如果你从小屏幕手机的设计开始，在大屏幕上就不会有太多的问题。

　　2、考虑图像的纵横比

　　毫无疑问，PC端和手机端在图片方面有很大的差异，一般来说，图片都是可以显示在相似的位置上的，网站建设与设计工作人员的任务是确保当网站随着屏幕和设备的变化的时候产生辩护变化，图片显示在页面布局扩展过程中不会变得奇怪和扭曲。这时，我们要时刻牢记图像的纵横比，始终控制纵横比不变。

　　回到PC端页面，一个大的背景图像看起来非常漂亮，但是如果是引用在无线网站的时候，往往会出现的问题是屏幕的比例和方向首先是不同的，所以它仍然是那么美观的吗？当图像缩小时，信息的显示会丢失吗？它会被拉伸吗？这些都是我们要考虑的。此时，控制图像的纵横比尤为重要，控制原始图像不被拉伸，这样你就不必担心太多的响应断点。

　　3、减少不必要的因素

　　一个网站中轮播的图是很常见，而且很重要的，但是要注意的是不要在里面添加大量的垃圾、无需的内容，最常见的是填充一些没有实际用处的调用按钮，在实际中有许多这样的例子。

　　通常，用户熟悉如何使用轮播图等控件，除非你的设计与大多数的用户的看法不同，这个时候我们要做的就是对用户进行良好的引导。我们要做的是在网站上不要出现太过复杂的一些元素，要尽量的简化网站，不要给出太多的选择。事实上，简化的设计可以提高转换率。

　　所以，在响应式网站建设与设计的时候，以上的这些方面一定要多加注意，只有这样才能让网站达到更好的效果。