首页技术文档Css › YUI宽度不一样、变小问题 -宽度设置,使用 em :当用户改变字体大小时,宽度同时改变

YUI宽度不一样、变小问题 -宽度设置,使用 em :当用户改变字体大小时,宽度同时改变

技巧:用 13 像素来平分宽度(保留小数到千分位),而 IE 浏览器用 13.333 。
/* 750 centered, and backward compatibility */
#doc {
width:57.69em;
*width:56.251em;
min-width:750px;
}
No IE: 57.69 = 750 / 13
IE: 56.251 = 750 / 13.333
注:《Setting Page Width with YUI Grids》 一文中提到:IE 下的 em 是宽度除以 13 ,再乘以 .9759 得到。同解于为什么现在的 YUI 源码中 IE 下 750px 的宽度是:56.301em(750 / 13 * 0.9759)。
此算法将在 YUI 的下个版本中换为上面的新算法(IE 浏览器用 13.333 )。

技巧:用 13 像素来平分宽度(保留小数到千分位),而 IE 浏览器用 13.333 。
/* 750 centered, and backward compatibility */#doc {width:57.69em;*width:56.251em;min-width:750px;}
No IE: 57.69 = 750 / 13
IE: 56.251 = 750 / 13.333
注:《Setting Page Width with YUI Grids》 一文中提到:IE 下的 em 是宽度除以 13 ,再乘以 .9759 得到。同解于为什么现在的 YUI 源码中 IE 下 750px 的宽度是:56.301em(750 / 13 * 0.9759)。
此算法将在 YUI 的下个版本中换为上面的新算法(IE 浏览器用 13.333 )。

所以,当你发现你的宽度与 px的值不一致时,可能是由于你设置了body的字体不是13px,将body的font-size设置为13px,即可显示正确。

本站技术交流群:24735919,欢迎大家进群交流探讨!

发表评论