如果我们在轮播图或图库中需要用到图片缩放,尽量缩小图片,还不是放大图片,我们甚至还可以设定好图片的确切尺寸。设定图片的确切尺寸一般是通过控制某个属性的百分比的形式实现的,如果图片的一个属性设置了百分比,另一个属性最好设置成自动,这样图片才能更灵活,更好的适应不同的浏览器。比如,如果我们想要一张图片覆盖浏览器宽度的50%,我们可以将图片的宽度设置为50%,将图片的高度设置成自动的。
9.避免使用图片题注
尽管添加的标题或其他形式的文本说明能够让图片信息更加丰富,但在响应式网站上使用这些文本会给我们和用户带来很多麻烦。第一个问题就是图片的文本很难在移动设备有良好的呈现。由于智能手机等移动设备的屏幕比较小,在图片上加上文本会让网站看起来密密麻麻,凌乱不堪。还有一个问题是使用图片文本需要我们在网站设计时考虑很多元素:文本怎么断句?占多大空间?几段文字怎么和图片更好的搭配?而且, 如果文本是覆盖在图片上的,还要注意一下它具体放置在哪,因为在文本颜色和图片颜色相近的情况下,访客们可能在辨认文本方面有困难,所以要注意文本和图片颜色的差异,不过图库或轮播图中有很多图片,每一张图片又是不一样的,具体实施起来对我们来说可能比较耗时。
看了这么多建议,你有没有什么想法?记住:作为站长,我们需要从用户的角度出发,避免以上这些错误会让访客更喜欢我们的网站。准备好了吗?来 起飞页自助建站平台()做一个响应式网站吧!起飞页自助建站平台可以给您提供众多精美的幻灯片模板,它采用真正的响应式技术,一次编辑,即可在所有设备上使用,通过它建站不仅速度快,还有助于搜索引擎优化,让你分分钟做出一个高大上的幻灯片,赶紧行动起来吧!
编辑:未知
卡戴珊诞下女婴TT深陷出轨丑闻守护身边 网友:感谢你离开哈登
科勒卡戴珊当妈妈啦。 两位知情人士告诉CNN,卡戴珊已经生下一个女孩。 卡戴珊的男友以及女婴的父亲是克里夫兰骑士球员特里斯坦