Zi 字媒體
2017-07-25T20:27:27+00:00
因為部落格改版之後，
文章區域的寬度增加了，
所以從上一篇 【365-34】[電玩] 超級瑪利歐奧德賽 Super Mario Odyssey 初玩心得 開始，
開始把部落格的圖片都加大了，
從原本固定600像素寬度的圖片，
都增加為寬度800像素。
800像素寬度圖片網誌看起來的樣子：
600像素寬度圖片網誌看起來的樣子：
如果看網頁感覺不出差異的話，
下面就直接擺上兩張圖片做對比。
600px
800px
是不是大圖看得比較清楚了呢？哈
不過圖片變大也衍伸出一個問題，
那就是Blogger在編輯文章時，
編輯區域太小了...
所以會造成這種情況，
圖片寬度比編輯區域還大，
明明整個編輯區域都還很空啊～
為什麼就限制這麼小一塊呢？
雖然對編輯文章沒什麼影響，
但就覺得不是很順眼。
沒想到在問了綜合口味之後，
他剛好知道怎麼解決！
那就是利用Chrome的擴充功能 User CSS。
這個外掛可以在你的瀏覽器上面設置自己的CSS，
來更改你所看到的頁面，
理論上來說可以做很多事，
不過今天要做的只是修改blogger的編輯區域。
User CSS 擴充功能安裝完成之後，
在Chrome右上角會出現小圖示。
在Blogger的編輯畫面，
點選一下 User CSS 的小圖示，
然後貼上這一段CSS：
.editor .composeBox{
max-width:1024px!important;
}
就可以看到編輯區域變大啦！！！
當然可以隨著喜好更改數字，
就可以顯示不同的寬度，
像我後來是調整為900px覺得差不多。
以上，感謝綜合口味技術協力，
也請大家慢慢地欣賞，
提高解析度的四小折繪本日誌吧！
TAG:四小折 off60 365天挑戰 天天更新 blog User CSS 綜合口味 Blogger 編輯
寫了
5860316篇文章，獲得
23313次喜歡