YUI 中的 Grids CSS值得关心和学习培训的

日期:2020-12-10 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站


YUI 中的 Grids CSS 关键有3个一部分值得大伙儿关心和学习培训:
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》 1文中提到:IE 下的 em 是宽度除以 13 ,再乘以 .9759 获得。同解于为何如今的 YUI 源代码中 IE 下 750px 的宽度是:56.301em(750 / 13 * 0.9759)。
此优化算法将在 YUI 的下个版本号中换为上面的新优化算法(IE 访问器用 13.333 )。
3、消除合理布局的波动
对于非 IE 访问器:
.yui-gf:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

而针对 IE 访问器,应用了 zoom:1 来开启 haslayout。但是针对此 Nate Koechley 这样解释的:
Zoom is a non-valid attribute and so you’ll see warnings when you validate your CSS. I’m aware of that and think it is an acceptable tradeoff.
本人较为赞同他的念头:I think it is an acceptable tradeoff