快切源自QuickCSS,初衷是為了解決快速切圖的問題,是國內(nèi)開源前端框架的發(fā)起者和領(lǐng)導(dǎo)者!支持跨平臺移動瀏覽器兼容,兼容ie6,ie7,ie8,firefox,chrome,iphone,ipad瀏覽器!它提供一個可靠的css基礎(chǔ)去創(chuàng)建你的項(xiàng)目,能夠用于網(wǎng)站的快速設(shè)計(jì),通過重設(shè)和重建瀏覽器標(biāo)準(zhǔn),可以讓每個網(wǎng)站防止枯燥的跨瀏覽器兼容性測試。
快切軟件特色
適用于各類人群
無論你是專業(yè)的web前端開發(fā)工程師,還是設(shè)計(jì)師,或者僅僅是一個愛好者,快切css框架都能夠讓您快速的建立一個標(biāo)準(zhǔn)美觀的web網(wǎng)頁。
適用于各種瀏覽器
通過css重寫技術(shù),對web標(biāo)簽的重構(gòu)實(shí)現(xiàn)了最大化的瀏覽器支持,避免了枯燥乏味的瀏覽器兼容調(diào)整的煩惱。
柵格化系統(tǒng)
采用了12列格子技術(shù),將網(wǎng)頁平分成12列,可以滿足多種布局的網(wǎng)頁,為網(wǎng)頁的多樣性提供了便捷性,和靈活性。
響應(yīng)式設(shè)計(jì)
可以根據(jù)瀏覽器的大小自動縮放和調(diào)整,最大化滿足不同分辨率用戶的閱讀需求。
jquery插件的支持
編入了常用的jquery插件,iepng透明插件,選項(xiàng)卡插件,幻燈片插件,lazyload插件,并且測試了其跨瀏覽器的兼容性。
快切更新日志
優(yōu)化了在低版本(ie6~ie8)瀏覽器的兼容性,通過科學(xué)的手段實(shí)現(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)元素?fù)碛辛薲isplay:inline-block屬性的表征。從 上面的這個分析,也不難理解為什么IE下,對塊元素設(shè)置display:inline-block屬性無法實(shí)現(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導(dǎo)航菜單,新增naver導(dǎo)航四聯(lián)級菜單
新增sidebar 二聯(lián)級菜單
新增價(jià)目表組件
新增右側(cè)的懸浮菜單 absbar
新增bg,padding,text等常用公共樣式的定義,讓組合更加靈活
meta name="author" 一欄更改為 developer@qietu.com
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版