Blogger修改手機行動版網頁內文章的文字大小、字距

在某些的Blogger範本中,手機行動版網頁的文章之文字大小、字距、行距的原始設定是固定的,沒有專為手機行動版網頁的內文章之文字大小、字距、行距設定可修改、變更的地方,所以我們若要單獨更改行動版網頁之文章的文字大小、字距、行距,就要自行在〔主題〕的〔編輯HTML〕中增加程式碼,方法如下:

步驟一、到後台〔主題〕的〔編輯HTML〕中,打開<b:skin>…</b:skin>,找到
/* Mobile
----------------------------------------------- */

步驟二、在body.mobile  { 的下方加入程式碼
  font-size: 100%;
letter-spacing: 0.3px;

如下圖


步驟三
font-size:文字大小
letter-spacing:字距
以上數值皆可依您需要做更改,行動版網頁之文章的文字大小、字距,即會隨之變更。

修改前的畫面

修改後的畫面

推薦網誌:宜蘭傳藝中心門票限時優惠買1送1 - 小美輕鬆旅

熱門排行

2024 friDay影音序號免費體驗

用電腦玩手機遊戲較不傷眼睛,乾淨輕量版Android模擬器推薦

置頂視窗釘選最上層顯示小工具DeskPins Win10、Win11

移除百度(Baidu)搜索,被百度綁架的解決方法

網路芳鄰電腦消失解決方法win10

不用到玉山銀行開戶,直接提領PayPal美金到台幣或外幣帳戶

免費賺比特幣7個網站推薦.錢包軟體下載及使用教學

friDay影音取消訂閱及刪除信用卡資料

2024.4.19 myVideo 序號免費體驗