快切源自QuickCSS。初衷是為了解決快速切圖的問題。是國內(nèi)開源前端框架的發(fā)起者和領導者!支持跨平臺移動瀏覽器兼容。兼容ie6,ie7,ie8,firefox,chrome,iphone,ipad瀏覽器!
它提供一個可靠的css基礎去創(chuàng)建你的項目,能夠用于網(wǎng)站的快速設計,通過重設和重建瀏覽器標準,可以讓每個網(wǎng)站防止枯燥的跨瀏覽器兼容性測試。
更新日志:
快切css發(fā)布v1.2版本,主要針對v1.1版本進行了如下調(diào)整:
優(yōu)化了在低版本(ie6~ie8)瀏覽器的兼容性,通過科學的手段實現(xiàn)兼容——例如:
IE6/IE7下:inline-block解決方案
原理:IE中對內(nèi)聯(lián)元素使用display:inline-block,IE是不識別的,但使 用display:inline-block在IE下會觸發(fā)layout,從而使內(nèi)聯(lián)元素擁有了display:inline-block屬性的表征。從 上面的這個分析,也不難理解為什么IE下,對塊元素設置display:inline-block屬性無法實現(xiàn)inline-block的效果。這時塊元 素僅僅是被display:inline-block觸發(fā)了layout,而它本身就是行布局,所以觸發(fā)后,塊元素依然還是行布局,而不會如Opera中 塊元素呈遞為內(nèi)聯(lián)對象。
兼容方案:先使用display:inline-block屬性觸發(fā)塊元素,然后再定義display:inline,讓塊元素呈遞為內(nèi)聯(lián)對象(兩個display 要先后放在兩個CSS聲明中才有效果,這是IE的一個經(jīng)典bug
<meta http-equiv="X-UA-Compatible" content="IE=7" />
更換為
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="assets/js/jquery-1.3.2.min.js"></script>
更新為
<script src="assets/js/jquery-1.7.1.min.js"></script> js大小為92kb
微調(diào)了naver導航菜單,新增naver導航四聯(lián)級菜單
新增sidebar 二聯(lián)級菜單
新增價目表組件
新增右側的懸浮菜單 absbar
新增bg,padding,text等常用公共樣式的定義,讓組合更加靈活
meta name="author" 一欄更改為 developer@qietu.com
將開發(fā)者郵箱以這種方式曝光,歡迎發(fā)郵件與開發(fā)者交流
快切源于對細節(jié)的關注:
8年專注web前端建設,開發(fā)整理出來的開源css框架
授人魚不如授人以漁
快切8年始終專注web前端技術領域的開發(fā)與服務工作,為眾多的網(wǎng)站提供了專業(yè)性的web前端服務,為了幫助更多的人,快切決定將技術分享。
適用于各類人群
無論你是專業(yè)的web前端開發(fā)工程師,還是設計師,或者僅僅是一個愛好者,快切css框架都能夠讓您快速的建立一個標準美觀的web網(wǎng)頁。
適用于各種瀏覽器
通過css重寫技術,對web標簽的重構實現(xiàn)了最大化的瀏覽器支持,避免了枯燥乏味的瀏覽器兼容調(diào)整的煩惱。
柵格化系統(tǒng)
采用了12列格子技術,將網(wǎng)頁平分成12列,可以滿足多種布局的網(wǎng)頁,為網(wǎng)頁的多樣性提供了便捷性,和靈活性。
響應式設計
可以根據(jù)瀏覽器的大小自動縮放和調(diào)整,最大化滿足不同分辨率用戶的閱讀需求。
jquery插件的支持
編入了常用的jquery插件,iepng透明插件,選項卡插件,幻燈片插件,lazyload插件,并且測試了其跨瀏覽器的兼容性。