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

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

PC端：

平板端：

移動端：

具體操作：

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

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

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

③設置Logo的顯示方式，默認顯示方式為Logo圖片。

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

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

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

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

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

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

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

H5響應式網(wǎng)站建設：http://iisp.com/special/v9special/index.php?s=yuqiuping

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

馬上免費報名：http://iisp.com/video/nice_live/index.php?s=yuqiuping