200

HTML5下如何让网站logo实现自适应?

时间: 2017-02-20 10:41:52   点击数: 30512

Logo是网站的重要标识,用户在制作响应式网站的时候,如何实现logo自适应呢?大家先看看建站宝盒V9中HTML5下logo模块的展现效果:

PC端:

平板端:

移动端:



具体操作:

区别于图片和文字模块,添加该模块后系统自动读取含有logo.png/jpg的文件。

①在基础模块>图片模块中点击Logo模块,将其拖动到共享头部区域(推荐)。


②双击Logo模块,上传Logo图片。


③设置Logo的显示方式,默认显示方式为Logo图片。


④在属性框中设置Logo图片的显示方式、网站名称、关键字设置、点击跳转链接。



Logo的显示方式包含:Logo(图片)、网站名、Logo+网站名三种。

设置网站名为logo的方法是:

①在Logo属性设置中将显示方式设置为网站名或者Logo+网站名。


②如果选择Logo+网站名,则需要将图片显示选择为“高度随模块高度变化,宽度自动(左对齐)”。


③点击设置网站名称,在网站资料设置>网站基本信息中输入网站名称等信息。


④点击保存按钮,预览后即可看到效果。


H5响应式网站建设:http://iisp.com/special/v9special/index.php?s=yuqiuping


想了解更多关于建站宝盒V9的操作,欢迎报名参加建站宝盒V9线上发布会,名师讲解+实际操作,直播过程还有惊喜互动大礼,2月22日腾讯课堂直播间约定你!

马上免费报名:http://iisp.com/video/nice_live/index.php?s=yuqiuping

上一篇:客官,您要的是这个吗? 下一篇:HTML5自助建站下怎么设置产品分类导航
九科数据网站建设 版权所有 本站程序界面、源代码受相关法律保护,未经授权,严禁使用
Copyright © 2000-2015 b.92kr.com. All rights reserved
以下js为测试信息