2020年4月8日 星期三

簡單優化Google Blogger外觀三部曲(二) 調整手機版文字間距大小

現在大部分人都是用手機瀏覽網站,所以為了給使用者良好體驗,手機板的文字間距大小一定要調整好,這篇要介紹如何調整手機版文字間距大小,請直接照下面步驟設定。



步驟一:


到後台選擇行動裝置設定,如下圖。



步驟二:


選擇行動裝置設定,如下圖


步驟三:


選擇行動版,主題選擇自訂,最後儲存,這樣就完成了。

步驟四:


然後再照著上一篇的兩個步驟進入新增CSS的設定,加入下面內容就完成了。


.mobile .post-body {
font-size: 100%;
line-height: 1.7;
letter-spacing: 1px;
}

font-size 文字大小
line-height 行距
letter-spacing 文字間距
以上可以根據自己喜好去做參數修改



沒有留言: