看到越來越多的網(wǎng)站建設(shè)公司的建設(shè)案例、改版網(wǎng)站的效果趨近于統(tǒng)一化，不由得留意了一下源代碼，發(fā)現(xiàn)同樣使用了bootstrap.css，原來這也是同事經(jīng)常提起的一個(gè)css框架，在一些國外的案例展示中的UI，雖然一大篇子form組件、table樣式等等的，基本都是一樣的，都是用了bootstrap。

　　了解了應(yīng)用用途與實(shí)現(xiàn)效果后，打開了它的中文網(wǎng)站，友好的界面，新式的設(shè)計(jì)，簡單美觀，隨之看了使用方法，與以往的UI套件使用差不多。那么唯一擔(dān)心的就是與IE6的兼容性，多么想能夠真正扔了IE6，但在黑龍江省網(wǎng)站建設(shè)的科技發(fā)展程度上看，還是要忍忍。為什么這樣說呢，嘮叨幾句題外話，根據(jù)以前在在電力項(xiàng)目、政府機(jī)關(guān)項(xiàng)目所見到的情況。新的網(wǎng)站、系統(tǒng)特意要求兼容IE6，為什么呢?因?yàn)橐郧八玫睦舷到y(tǒng)是只有在IE6下好用，高版本的瀏覽器功能就會(huì)出現(xiàn)異?；蚩瞻?，逼不得已，得用IE6，有解么?所以對(duì)待這些少量客戶所產(chǎn)生的利潤，寧可難受，也得忍忍IE6，至少保證格式不亂。

　　經(jīng)過ietester的測試，IE6、IE7，比較慘的是框架中的柵格系統(tǒng)，差別比較大，ie6、ie7與其他瀏覽器有差別，柵欄的寬度、間距有點(diǎn)不同。其次一些圓角特效、框體陰影、文字陰影，這些表現(xiàn)效果都稍差一些。

　　這耽誤了使用bootstrap建立網(wǎng)頁框架，從而自動(dòng)適應(yīng)響應(yīng)式設(shè)計(jì)的簡便。

　　嘗試尋找了網(wǎng)上的解決方案，有兩種ie6兼容bootstrap插件，一個(gè)有1年沒更新了，另一個(gè)有比較清晰的介紹，那些做了兼容，效果達(dá)到了什么樣的效果，但對(duì)框架的柵欄寬度、間距仍沒有效果。

　　準(zhǔn)備在自定的css中寫hack，看看是否能修復(fù)，為了響應(yīng)式設(shè)計(jì)，許多寬度應(yīng)使用百分比設(shè)定，而這個(gè)工作量較大，不如暫時(shí)使用自定的寬度方式，等進(jìn)一步強(qiáng)化手機(jī)cms功能。也許是時(shí)間問題，沒有發(fā)現(xiàn)到bootstrap的span柵欄的更多使用方法。

　　使用細(xì)節(jié)：

　　將bootstrap默認(rèn)的字體修改為微軟雅黑，搜索font-family:，替換為：font-family:Microsoft YaHei, Tahoma, sans-serif;，這個(gè)字體寫法比較安逸，不會(huì)擔(dān)心中文亂碼問題。

　　帶圖標(biāo)的按鈕，用這樣來表示，圖片的位置由background-position來控制，那么對(duì)齊就有點(diǎn)問題，不能自適應(yīng)垂直居中，改寫由比較麻煩，這個(gè)還是使用例如：Font Awesome類似這樣的字體庫吧，推薦：最新的超棒免費(fèi)圖標(biāo)字體(icon font)收集。

　　table的樣式用起來也很簡單，間隔色、hover支持很好，但ie對(duì)偽類選擇仍是支持不夠好。

　　時(shí)間問題，僅記錄目前的一知半解。

　　感謝有這么一套開源、強(qiáng)大的css框架可以免費(fèi)使用。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。