Logo是網站(zhan)的(de)重要標識(shi)，用戶在制作響應式網站(zhan)的(de)時候(hou)，如何(he)實(shi)現logo自適應呢？大家先看看中(zhong)HTML5下logo模塊的(de)展現效果：

PC端：

平板端：

移(yi)動端：

具體操作(zuo)：

區別(bie)于(yu)圖(tu)片和文字模(mo)塊，添(tian)加(jia)該模(mo)塊后系(xi)統自動讀取含有(you)logo.png/jpg的文件(jian)。

①在基礎模(mo)塊(kuai)>圖片模(mo)塊(kuai)中點擊(ji)Logo模(mo)塊(kuai)，將其拖動到共享(xiang)頭(tou)部區(qu)域（推(tui)薦）。

②雙擊Logo模(mo)塊，上傳Logo圖片。

③設置Logo的顯(xian)示(shi)(shi)方(fang)式(shi)，默認顯(xian)示(shi)(shi)方(fang)式(shi)為Logo圖片。

④在(zai)屬性(xing)框中設置(zhi)Logo圖片的顯示(shi)方式、網站(zhan)名稱、關鍵字(zi)設置(zhi)、點擊跳轉鏈接。

Logo的顯示方式包含(han)：Logo（圖片）、網(wang)站(zhan)(zhan)名、Logo+網(wang)站(zhan)(zhan)名三(san)種。

設置網站名(ming)為logo的(de)方法是：

①在(zai)Logo屬性設置(zhi)中將顯示方式設置(zhi)為網站(zhan)名或者Logo+網站(zhan)名。

②如果選擇(ze)Logo+網站名，則(ze)需要(yao)將圖片顯(xian)示選擇(ze)為“高(gao)度隨(sui)模(mo)塊高(gao)度變化，寬(kuan)度自動(dong)（左對齊(qi)）”。

③點擊設(she)置(zhi)網(wang)站(zhan)(zhan)名(ming)稱，在網(wang)站(zhan)(zhan)資料設(she)置(zhi)>網(wang)站(zhan)(zhan)基(ji)本(ben)信(xin)息中輸入網(wang)站(zhan)(zhan)名(ming)稱等信(xin)息。

④點擊保存按鈕，預覽(lan)后即(ji)可看到效果。

H5響應式網站(zhan)建設(she)：

想了解更多(duo)關(guan)于(yu)的操作(zuo)，歡迎(ying)報名參加建站寶盒V9線上，名師(shi)講解+實際操作(zuo)，直(zhi)播過程還有(you)驚喜互動大禮(li)，2月22日騰訊課堂(tang)直(zhi)播間約定你！

馬上免費(fei)報(bao)名：