2、在手机端上支持手势操作在设计响应式图片库的时候，滑动操作等手势操作赋予用户更多的权力，让体验愈加逼真。在手机上用箭头导航太过于乏味、老旧，手势交互愈加自然也更符合真实的交互体验。
3、不要让图片和视频混淆一般情况下，不相同种类型的媒体混到一块没什么问题，但用户一定不想翻看图片的时候，忽然发现下一张图片变成了视频，突如其来的声音和额外的流量消耗肯定是他们不想碰到的事情!将视频和图片分割开来，让他们了解下面的会是什么东西，不要让意料之外发生。
4、确保图片显示尺寸不要超越原始图片的大宽度这一点非常重要，尽管非常基础，但依旧需要强调一下。图片尽可能不要去填充超越本身尺寸的空间，如此会让图片表现出象素化的失真成效。值得注意的是，不少状况下图片在手机端完全填满某个区块没问题，但在pc端的时候，大也不可以超越本身宽度。这好像并不难，但依旧有很多响应式页面，当你拉宽浏览器界面的时候，会有图片超出本身尺寸来显示。
5、图片缩放假如你的图库中的图片要牵涉到图片缩放，那样尽可能让图片去缩小，而不是放大。甚至最好是为图片设定精准的尺寸。一般，图片缩放会用百分比来控制它的大小变化，假如你个属性被设定为根据百分比来缩放，那样其他的有关属性最好设置为自动。譬如将图片宽度设定为50%，那样高度缩放应当设定为自动。
以上这类规则并不复杂，但当你开始进行响应式设计的时候，这类鸡零狗碎的问题开始显现，在乎想不到的地方影响整个设计和体验。以用户为重心，小心绕过这类坑，会叫你的响应式网页更出色，也更快解决。
成都网站制作https://www.cdcxhl.com/
