首页 科技 电脑 手机 安卓 苹果 VR 站长 游戏

您的位置:咪哚网 > 站长资讯 > 建站 > 运营 >

如何在响应式网站上设置一个高大上的幻灯片?(2)

咪哚网(www.midoo.cc)时间:2018-07-06 13:44 稿源:A5企业专栏 手机扫描分享

  如果我们在轮播图或图库中需要用到图片缩放,尽量缩小图片,还不是放大图片,我们甚至还可以设定好图片的确切尺寸。设定图片的确切尺寸一般是通过控制某个属性的百分比的形式实现的,如果图片的一个属性设置了百分比,另一个属性最好设置成自动,这样图片才能更灵活,更好的适应不同的浏览器。比如,如果我们想要一张图片覆盖浏览器宽度的50%,我们可以将图片的宽度设置为50%,将图片的高度设置成自动的。

  

 

  9.避免使用图片题注

  尽管添加的标题或其他形式的文本说明能够让图片信息更加丰富,但在响应式网站上使用这些文本会给我们和用户带来很多麻烦。第一个问题就是图片的文本很难在移动设备有良好的呈现。由于智能手机等移动设备的屏幕比较小,在图片上加上文本会让网站看起来密密麻麻,凌乱不堪。还有一个问题是使用图片文本需要我们在网站设计时考虑很多元素:文本怎么断句?占多大空间?几段文字怎么和图片更好的搭配?而且, 如果文本是覆盖在图片上的,还要注意一下它具体放置在哪,因为在文本颜色和图片颜色相近的情况下,访客们可能在辨认文本方面有困难,所以要注意文本和图片颜色的差异,不过图库或轮播图中有很多图片,每一张图片又是不一样的,具体实施起来对我们来说可能比较耗时。

  

 

  看了这么多建议,你有没有什么想法?记住:作为站长,我们需要从用户的角度出发,避免以上这些错误会让访客更喜欢我们的网站。准备好了吗?来 起飞页自助建站平台()做一个响应式网站吧!起飞页自助建站平台可以给您提供众多精美的幻灯片模板,它采用真正的响应式技术,一次编辑,即可在所有设备上使用,通过它建站不仅速度快,还有助于搜索引擎优化,让你分分钟做出一个高大上的幻灯片,赶紧行动起来吧!

编辑:未知

声明:
1、咪哚网所转载的稿件都会明确标注作者和来源,如您不希望被转载请及时与我们联系删除。
2、咪哚网的原创文章,请转载时务必注明文章作者和"来源:咪哚网",不尊重原创的行为咪哚网或将追究责任。
标签
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:看不清?点击更换
最新评论

科技 娱乐 健康 国内 生命 天文 自然 科学

微软善于听取来自用户、IT人员和开发者的各种想法

据外媒报道,微软CEO萨蒂亚·纳德拉日前在

乐视危局 张艺谋王宝强等上亿投资或遭变故

在深陷欠款危机,贾跃亭自曝乐视资金链紧张

霜降天气渐冷 推荐4款最佳食疗

我国古代将霜降分为三候:“一候豺乃祭兽;

外媒:大陆博物馆文物众多 但最好的宝贝在台湾

新西兰stuff网站11月20日文章,原题:对首

为您推荐RECOMMEND

     关于本站| 友情链接| 版权声明| 意见反馈| 不良信息举报| 联系我们| 网站导航

Copyright © 2016 咪哚网 版权所有.

MIDOO.CC, All Rights Reserved. 备案号:豫ICP备15012166号-2