HTML5下如何讓網(wǎng)站logo實(shí)現(xiàn)自適應(yīng)？

Logo是網(wǎng)站的重要標(biāo)識(shí)，用戶(hù)在制作響應(yīng)式網(wǎng)站的時(shí)候，如何實(shí)現(xiàn)logo自適應(yīng)呢？大家先看看建站寶盒V9中HTML5下logo模塊的展現(xiàn)效果：

PC端：

平板端：

移動(dòng)端：

具體操作：

區(qū)別于圖片和文字模塊，添加該模塊后系統(tǒng)自動(dòng)讀取含有l(wèi)ogo.png/jpg的文件。

①在基礎(chǔ)模塊>圖片模塊中點(diǎn)擊Logo模塊，將其拖動(dòng)到共享頭部區(qū)域（推薦）。

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

③設(shè)置Logo的顯示方式，默認(rèn)顯示方式為L(zhǎng)ogo圖片。

④在屬性框中設(shè)置Logo圖片的顯示方式、網(wǎng)站名稱(chēng)、關(guān)鍵字設(shè)置、點(diǎn)擊跳轉(zhuǎn)鏈接。

Logo的顯示方式包含：Logo（圖片）、網(wǎng)站名、Logo+網(wǎng)站名三種。

設(shè)置網(wǎng)站名為logo的方法是：

①在Logo屬性設(shè)置中將顯示方式設(shè)置為網(wǎng)站名或者Logo+網(wǎng)站名。

②如果選擇Logo+網(wǎng)站名，則需要將圖片顯示選擇為“高度隨模塊高度變化，寬度自動(dòng)（左對(duì)齊）”。

③點(diǎn)擊設(shè)置網(wǎng)站名稱(chēng)，在網(wǎng)站資料設(shè)置>網(wǎng)站基本信息中輸入網(wǎng)站名稱(chēng)等信息。

④點(diǎn)擊保存按鈕，預(yù)覽后即可看到效果。

H5響應(yīng)式網(wǎng)站建設(shè)：http://testsystem.com.cn/special/v9special/index.php?s=yuqiuping

想了解更多關(guān)于建站寶盒V9的操作，歡迎報(bào)名參加建站寶盒V9線(xiàn)上發(fā)布會(huì)，名師講解+實(shí)際操作，直播過(guò)程還有驚喜互動(dòng)大禮，2月22日騰訊課堂直播間約定你！

馬上免費(fèi)報(bào)名：http://testsystem.com.cn/video/nice_live/index.php?s=yuqiuping