自動縮放版面 - 部落格

※ 引述《mickjack (Asix6)》之銘言：
: 這是個來自Norway的Blogger，不過礙於語言障礙...小弟現在沒辦法溝通(遮臉
: http://ivarivrig.blogspot.com/2009/07/skywatch-friday.html
自己有稍微改過

參考之前版友文章

主要是利用**px(應該是像素之類)改成**%(改成比例)


作者 etrexetrex (ETREX) 看板 Blog
標題 Re: [問題] blogger的 blog 文章 大小
時間 Sat Mar 3 15:23:48 2007
───────────────────────────────────────

※ 引述《Brien (B-jam)》之銘言：
: ※ 引述《etrexetrex (ETREX)》之銘言：


在範本-修改html裡

找到

#outer-wrapper { ←尋找這一串 註：這是整個blogger網頁的範圍
width: 660px; 我是改成width: 85%;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper { 註：這是文章的大小
width: 410px; 參考70% PS.與測邊列加起來要小於100%
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}

#sidebar-wrapper { 這是側邊列
width: 220px; 參考24%
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}


其中的三個 width: 分別影響的區塊不同

你可以隨便調一調看看產生什麼變化

--