(原創) 網站CSS重新調整,全面支援IE6與FireFox 2.0!! (Web) (CSS)
KJC這個skin雖然漂亮,但有些地方它還是不小心使用了絕對字型,如12px,像我是用10.6吋的NB,很多字型對我來說太小了,所以字型必須重新修正,另外我也改了banner圖片,若你的skin是KJC,可以參考我的改法。
除了得兼顧我的10.6吋NB,也要兼顧大部分人12吋以上的環境,我的另一台NB就是13吋,這次CSS的調整除了兼顧了10.6吋和13吋的環境外,也針對了FireFox 2.0,以前我的網頁在SUSE,Fedora下看起來都怪怪的,這次一併解決,IE7我沒去測,網友momo截了兩張IE7的圖給我看,看起來還可以,以下是我這次修改用的CSS。
/*標題字型*/
.posthead h2 {
font-size:1.2em;
font-weight:600;
margin:0px;
}
/*文章內文字型*/
.postbody {
font-size:1.1em;
}
.postbody a
font-size:1.1em;
}
.postbody p {
font-size:1.1em;
}
/*文章內文程式碼字型,!important一定要加*/
.postbody div {
font-size:1.1em !important;
font-family:"Consolas","Verdana";
}
/*左側字型*/
#cell ul li a {
font-size:1em;
}
#cell {
font-size:0.95em;
}
.LeftCell {
font-size:0.7em;
}
/*隱藏title*/
#Header1_HeaderTitle {
display:none;
}
/*改變標題圖片*/
#top {
background-image:url("http://www.cnblogs.com/images/cnblogs_com/oomusou/HeaderBg4.jpg");
background-position:left;/*預設為右邊*/
background-repeat:no-repeat;/*不重複圖片*/
}
.posthead h2 {
font-size:1.2em;
font-weight:600;
margin:0px;
}
/*文章內文字型*/
.postbody {
font-size:1.1em;
}
.postbody a
font-size:1.1em;
}
.postbody p {
font-size:1.1em;
}
/*文章內文程式碼字型,!important一定要加*/
.postbody div {
font-size:1.1em !important;
font-family:"Consolas","Verdana";
}
/*左側字型*/
#cell ul li a {
font-size:1em;
}
#cell {
font-size:0.95em;
}
.LeftCell {
font-size:0.7em;
}
/*隱藏title*/
#Header1_HeaderTitle {
display:none;
}
/*改變標題圖片*/
#top {
background-image:url("http://www.cnblogs.com/images/cnblogs_com/oomusou/HeaderBg4.jpg");
background-position:left;/*預設為右邊*/
background-repeat:no-repeat;/*不重複圖片*/
}