HTML5下如何让网站logo实现自适应?
发布时间:2020-09-25 10:55:14   发布作者:建站模板网   文章所在栏目:建站教程

Logo是网站的重要标识,用户在制作响应式网站的时候,怎么完成logo自适应呢?我们先看看建站模板网中HTML5下logo模块的展现效果:

具体操作:

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

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

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

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

③设置Logo的显现方法,默许显现方法为Logo图片。

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

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

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

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

①在Logo属性设置中将显现方法设置为网站名或许Logo+网站名。

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

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

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

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