响应式网站是目前网站建设的主流。而响应式网页中的图片显示又是老生常谈的问题，很多争论集中在响应式网站的图片应当如何展示。响应式网站中的图片应当怎么样设计，有什么值得注意的基本规则和方法?
1、轮播幻灯片：尽可能隐藏导航
在桌面端上导航的存在可能没什么，但在手机端上查询的时候，导航还是尽可能隐藏起来，需要的时候再显现。而诸如左右切换的按钮和标明浏览地方的圆点，最好是在光标移动上去之后再显示，如此的设计不仅能够防止用户分心，而且能防止内容和导航元素之间的冲突，减少整体设计的混乱感。
2、图片缩放
假如你的图库中的图片要牵涉到图片缩放，那样尽可能让图片去缩小，而不是放大。甚至最好是为图片设定精准的尺寸。一般，图片缩放会用百分比来控制它的大小变化，假如你个属性被设定为根据百分比来缩放，那样其他的有关属性最好设置为自动。譬如将图片宽度设定为50%，那样高度缩放应当设定为自动。
3、在手机端上支持手势操作
在设计响应式图片库的时候，滑动操作等手势操作赋予用户更多的权力，让体验愈加逼真。在手机上用箭头导航太过于乏味、老旧，手势交互愈加自然也更符合真实的交互体验。
4、不要让图片和视频混淆
一般情况下，不相同种类型的媒体混到一块没什么问题，但用户一定不想翻看图片的时候，忽然发现下一张图片变成了视频，突如其来的声音和额外的流量消耗肯定是他们不想碰到的事情!将视频和图片分割开来，让他们了解下面的会是什么东西，不要让意料之外发生。
5、确保图片显示尺寸不要超越原始图片的大宽度
这一点非常重要，尽管非常基础，但依旧需要强调一下。图片尽可能不要去填充超越本身尺寸的空间，如此会让图片表现出象素化的失真成效。值得注意的是，不少状况下图片在手机端完全填满某个区块没问题，但在桌面端的时候，大也不可以超越本身宽度。这好像并不难?但依旧有很多响应式页面，当你拉宽浏览器界面的时候，会有图片超出本身尺寸来显示。
网站题目：深圳响应式网站建设有什么规则？文章链接：https://www.cdcxhl.com/news/116825.html
网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站建设、响应式网站等
