快切源自QuickCSS,初衷是為了解決快速切圖的問題,是國內開源前端框架的發起者和領導者!支持跨平臺移動瀏覽器兼容,兼容ie6,ie7,ie8,firefox,chrome,iphone,ipad瀏覽器!它提供一個可靠的css基礎去創建你的項目,能夠用于網站的快速設計,通過重設和重建瀏覽器標準,可以讓每個網站防止枯燥的跨瀏覽器兼容性測試。
快切軟件特色
適用于各類人群
無論你是專業的web前端開發工程師,還是設計師,或者僅僅是一個愛好者,快切css框架都能夠讓您快速的建立一個標準美觀的web網頁。
適用于各種瀏覽器
通過css重寫技術,對web標簽的重構實現了最大化的瀏覽器支持,避免了枯燥乏味的瀏覽器兼容調整的煩惱。
柵格化系統
采用了12列格子技術,將網頁平分成12列,可以滿足多種布局的網頁,為網頁的多樣性提供了便捷性,和靈活性。
響應式設計
可以根據瀏覽器的大小自動縮放和調整,最大化滿足不同分辨率用戶的閱讀需求。
jquery插件的支持
編入了常用的jquery插件,iepng透明插件,選項卡插件,幻燈片插件,lazyload插件,并且測試了其跨瀏覽器的兼容性。
快切更新日志
優化了在低版本(ie6~ie8)瀏覽器的兼容性,通過科學的手段實現兼容--例如:
IE6/IE7下:inline-block解決方案
原理:IE中對內聯元素使用display:inline-block,IE是不識別的,但使 用display:inline-block在IE下會觸發layout,從而使內聯元素擁有了display:inline-block屬性的表征。從 上面的這個分析,也不難理解為什么IE下,對塊元素設置display:inline-block屬性無法實現inline-block的效果。這時塊元 素僅僅是被display:inline-block觸發了layout,而它本身就是行布局,所以觸發后,塊元素依然還是行布局,而不會如Opera中 塊元素呈遞為內聯對象。
兼容方案:先使用display:inline-block屬性觸發塊元素,然后再定義display:inline,讓塊元素呈遞為內聯對象(兩個display 要先后放在兩個CSS聲明中才有效果,這是IE的一個經典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
微調了naver導航菜單,新增naver導航四聯級菜單
新增sidebar 二聯級菜單
新增價目表組件
新增右側的懸浮菜單 absbar
新增bg,padding,text等常用公共樣式的定義,讓組合更加靈活
meta name="author" 一欄更改為 developer@qietu.com
- PC官方版
- 安卓官方手機版
- IOS官方手機版