Heim > Web-Frontend > HTML-Tutorial > font-size : 100%_html/css_WEB-ITnose

font-size : 100%_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:23:46
Original
1153 Leute haben es durchsucht

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 一样,全局支持

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage