这个问题要怎么解决呢?我们可以给图片设置相关单位，或者使用支持响应式的框架(比如Bootstrap)， 用响应式图片class名来控制(例如class="img-responsive")。同样的元素在使用响应式图片class名控制后，图片可以在手机上很好的展现，图片的滚动条也消失了(见下图)。

　　问题3.元素失真

　　这个问题可能听上去更加抽象，但是当响应式网站在小屏幕设备如手机上呈现时，它又真实的发生着。打个比方来说，未经处理过的列变成了行，这就是一种形式的元素失真，这样听上去是不是会更有概念一些?元素失真并不是一个简单的问题，因为它常常会影响网站的这个布局结构。比如在下图中，在电脑中3个图片或文本是并列的，但在手机上显示时第3个图片或文本就单独成一行了，这影响了网站内容的整体结构。

　　对于解决元素失真这个问题其实很简单：明确的设置网站各个元素的高、宽和内边距，但是意外的是很多人还在纠结怎样解决这个问题。另外，如果某个元素不在它应在的位置，覆盖住了其他元素，我们可以使用div(简单来说div就是一个块状的东西，有人称它为盒子，我们可以将网站中的各个元素分类放进去，便于网站布局管理)，设置外边距，让它回到原本的位置。

　　本篇文章只讨论了响应式网站设计中可能会遇到的3个问题，但是做出一个优秀、成功的网站我们可能还会有很多弯路要走。怎样才能有效避免可能遇到的问题呢?这需要我们好好规划设计自己的网站，而且现在很多浏览器都内置了响应式布局测试，不断的进行测试，我们就能逐渐做出自己满意的网站，毕竟实践是检验真理的唯一标准嘛。快来起飞页自助建站平台（?t_wd=a5）做一个响应式网站吧!