Blogger修改手機行動版網頁內文章的文字大小、字距
在某些的Blogger範本中,手機行動版網頁的文章之文字大小、字距、行距的原始設定是固定的,沒有專為手機行動版網頁的內文章之文字大小、字距、行距設定可修改、變更的地方,所以我們若要單獨更改行動版網頁之文章的文字大小、字距、行距,就要自行在〔主題〕的〔編輯HTML〕中增加程式碼,方法如下:
步驟一、到後台〔主題〕的〔編輯HTML〕中,打開<b:skin>…</b:skin>,找到
/* Mobile
----------------------------------------------- */
步驟二、在body.mobile { 的下方加入程式碼
font-size: 100%;
letter-spacing: 0.3px;
如下圖
步驟三、
font-size:文字大小
letter-spacing:字距
以上數值皆可依您需要做更改,行動版網頁之文章的文字大小、字距,即會隨之變更。
修改前的畫面
修改後的畫面
推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅
步驟一、到後台〔主題〕的〔編輯HTML〕中,打開<b:skin>…</b:skin>,找到
/* Mobile
----------------------------------------------- */
步驟二、在body.mobile { 的下方加入程式碼
font-size: 100%;
letter-spacing: 0.3px;
如下圖
步驟三、
font-size:文字大小
letter-spacing:字距
以上數值皆可依您需要做更改,行動版網頁之文章的文字大小、字距,即會隨之變更。
修改前的畫面
修改後的畫面