首页 相关文章 YUI 中的 Grids CSS值得关注和学习的

YUI 中的 Grids CSS值得关注和学习的

YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习:

1、布局的思想:使用 负 margin(Negative Margins) 技术

详细可参阅:《Creating Liquid Layouts with Negative Margins》

2、使用 em :当用户改变字体大小时,宽度同时改变。

技巧:用 13 像素来平分宽度(保留小数到千分位),而 IE 浏览器用 13.333 。

/* 750 centered, and backward compatibility */
#doc {
width:57.69em;
*width:56.251em;
min-width:750px;
}

57.69 = 750 / 13 56.251 = 750 / 13.333

注:《Setting Page Width with YUI Grids》 一文中提到:IE 下的 em 是宽度除以 13 ,再乘以 .9759 得到。同解于为什么现在的 YUI 源码中 ...[ 查看全文 ]

2016-02-19 标签:

YUI 中的 Grids CSS值得关注和学习的的相关文章

手机页面
收藏网站 回到头部