日期:2014-05-16  浏览次数:20722 次

font-size : 100%
1. font-size : 100% 是代表16px吗, 那是代表多少em呢?

2.  如果我用的是流动布局, 是不是所有的px 要转化为em?

------解决方案--------------------
引用:
1. font-size : 100% 是代表16px吗, 那是代表多少em呢?

2.  如果我用的是流动布局, 是不是所有的px 要转化为em?


1.em指的是浏览器默认字体大小,用户没有自定义的话很多浏览器是设16px,但保不准他什么时候自定义一下。

2.差不多是这个意思,流动布局就是认为em比px更能适应大小变化的屏幕,而保持相对不变的比例。另一种思路则是响应式布局的以百分比来进行。当然em和百分比可以混合使用。

3.又有新观点出来,就是webkit内核的放大缩小功能,使em显得没有必要,用户随时可以变化,直接使用百分比就好。
------解决方案--------------------
要是懒可以用现成框架,建议看看  响应式设计 方面的书。
------解决方案--------------------
em不支持webkit浏览器。
某些浏览器对%的理解不一样,如某些版本的IE浏览器,百分比存在一个嵌套问题,(该值是一个父对象的字体大小的百分比) 参见:http://msdn.microsoft.com/en-us/library/ie/ms530759(v=vs.85).aspx

流动布局,不如用xx-small, x-small, small, medium, large, x-large, xx-large来注释。
------解决方案--------------------
采用rem 用法和em 一样,全局支持