响应式网站的技巧

1、轮播幻灯片：尽量隐藏导航

在桌面端上导航的存在可能没什么，但是在移动端上查看的时候，导航还是尽量隐藏起来，需要的时候再显现。

2、避免使用大量肖像类图片

3、在移动端上支持手势操作

触摸屏上使用手势操作几乎是用户的本能了。所以，在设计响应式图片库的时候，滑动操作等手势操作赋予用户更多的权力，让体验更加逼真。

4、不要让图片和视频混淆

不要一会儿图片，一会儿视频，会让人头脑混乱，也会令人没兴趣看

5、确保图片显示尺寸不要超过原始图片的最大宽度

这一点很重要，图片尽量不要去填充超过本身尺寸的空间，这样会让图片表现出象素化的失真效果。

6、避免使用图片标题

使用图片标题或者其他的附加文字会为你自己和用户增加大量的问题。第一个问题是，它在移动端界面上会强制显现出来。在移动端有限的界面空间上，它可能会和图片挤压到一起，带来混乱的用户体验。另外一个问题是，它可能会限制你的文字使用。你得想明白它怎么断句，占据多大空间，在桌面端显示和在移动端显示分别是什么样，怎么才正常，太多的变量控制起来会相当麻烦。图片各不相同，而文字总会莫名其妙地覆盖到某些不该覆盖到的地方。图片和文字的对比度总会随着不同的图片而变化，这也是麻烦的地方之一。