设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 软件追踪 查看内容

快切—响应CSS框架发布v1.2版本

2014-9-29 16:03| 发布者: joejoe0332| 查看: 1834| 评论: 0|原作者: oschina|来自: oschina

摘要:   快切(kuai.qietu.com)讯:快切css源自最早的quickcss框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去 创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防止枯 ...

  快切(kuai.qietu.com)讯:快切css源自最早的quickcss框架,它的目的是减少你的css开发时间。它提供一个可靠的css基础去 创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防止枯燥的跨浏览器兼容性测试。快切css发布v1.2版本,主要针对 v1.1版本进行了如下调整:


优化了在低版本(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
将开发者邮箱以这种方式曝光,欢迎发邮件与开发者交流

下载地址:http://bbs.qietu.com/thread-14999-1-1.html

酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部