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

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