服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > 开发教程 > HTML/CSS教程 >

CSS3的box-sizing 属性切换盒子缩放

时间:2016-01-16 14:11来源:未知 作者:最模板 点击:
使用 CSS3 的 box-sizing 属性切换盒子缩放方。应用 box-sizing(border-box) 属性后,添加边框和内边距都不会增大盒子,相反会导致内容变窄。 /IE6 和 IE7 不支持 box-sizing属性。 不过,有一个专

使用 CSS3 的 box-sizing 属性切换盒子缩放方。应用 box-sizing(border-box) 属性后,添加边框和内边距都不会增大盒子,相反会导致内容变窄。

/IE6 和 IE7 不支持 box-sizing属性。

不过,有一个专门解决这个问题的腻子脚本( polyfill),名叫 borderBoxModel.js。

你可以使用条件注释(以便只有 IE6 和 IE7 加载)把它添加到 HTML 标记之后、结束的标签之前,以保证在加载 DOM 之后再执行该脚本:

最新版本的 borderBoxModel.js 腻子脚本以及它的用途和局限性,可以参考这里:https://github.com/albertogasparin/borderBoxModel。

这样, IE6 和 IE7 就可以根据 box-sizing 属性的设定正确地调整栏的大小了。

以上引用自《CSS设计指南》

但是问题来了,IE6本身的盒子模型不就是类border-box么,为什么需要其支持box-sizing:border-box呢?

记下这个问题,怕忘了,准备再研究一下。

(责任编辑:最模板)
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容