修改了一下版面

今天把Blogspot的版面修改了一下～ 原本的版面只有 760px 這樣實在有點窄， 所以把版面改成依照螢幕的大小來調整， 主要是要修改HTML裡面的一些標籤 首先要找到下面的這一段 把藍色的地方Comment起來，然後加上紅色的部份 #content-wrapper {
/* width: 760px; */
width: 100%
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
}
接下來找到這一段程式碼， 這個部份是要修改主要文章內容的區塊大小， 仍然是把藍色的地方Comment起來，然後加上紅色的部份
#main-wrapper {
margin-left: 14px;
/* width: 464px; */
width: 75% ;
float: left;
background-color: $mainBgColor;
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的部份， 然後也是將藍色的部份修改成紅色的部份。 #sidebar-wrapper { margin-right: 14px; /* width: 240px; */ width: 25% float: right; background-color: $mainBgColor; 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 */ } 這樣就大功告成了～ 版面終於可以依據螢幕大小來改變～～