响应式网站建设要注意的5点

  1：根据实际的设备形式来设置内容的适应宽度，并做好内容相对应的嵌套设置，避免出现变形的情况。影响网站的整体效果。
  2：图片的显示的尺寸不要超过原始图片的最大宽度，如果超过本身尺寸的空间，图片会出现像素失真的效果。避免出现页面美观。
  3：不要让图片和视频混淆，避免用户肯定翻看图片的时候，突然发现下一张图片变成了视频，突如其来的声音和额外的流量消耗绝对是他们不愿意碰到的事情!将视频和图片分割开来，让他们知道接下来的会是什么东西，不要让意外发生。
  4：导航栏的显示有时候在桌面端上导航的存在可能没什么，但是在移动端上查看的时候，导航还是尽量隐藏起来，需要的时候再显现。如左右切换的按钮和标明浏览位置的圆点，最好是在光标移动上去之后再显示，这样的设计不仅可以避免用户分心，而且能避免内容和导航元素之间的冲突，降低整体设计的混乱感。
  5：、使用图片标题不当会在移动端界面上会强制显现出来。在移动端有限的界面空间上，它可能会和图片挤压到一起，带来混乱的用户体效果。它也可能会局限你的文字使用。你得想明白它怎么断句，占据多大空间，在桌面端显示和在移动端显示分别是什么样，怎么才正常，太多的变量控制起来会相当麻烦。图片各不相同，而文字总会莫名其妙地覆盖到某些不该覆盖到的地方，这些都需要注意下。