我们在设计网页的时候,一般情况下都是用px来定义字体,这样会带来一个问题,那就是无法用浏览器字体放大的功能,而我们浏览某些国外网站的时候确发现能够用浏览器字体放大的功能,其原因如下:
1、IE无法调整那些使用px作为单位的字体大小;
2、国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3、Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或IE内核的浏览器)。
px像素(Pixel),相对长度单位,是相对于显示器屏幕分辨率而言的。
em也是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
我表示没有侧出来 em 和px 又什么区别,,px也可以随页面大小调整而调整啊。。。。。
是ie9更新了?还是什么啊,,,,,,,,
难道没人关心这个问题吗,,
加分了,,这是我全部的分了,,
要先打开菜单栏,在 菜单 的 查看 - 文字大小 里选择,就看到效果了
如果通过“查看”--“缩放”来调整就都会变,通过“查看”--“字体大小”来调整时em的会变,px的不会变
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style type="text/css"> body{ /*font-size:20px;*//*写成这样就不能通过字体大小来调整了*/ font-size:200%;/*这样写的可以调整*/ } </style> </head> <body> <div style="font-size:32px;"> 中华人民共和国(不会变大小) </div> <div style="font-size:2em;"> 中华人民共和国(可以调整大小) </div> <div style="font-size:1.2em;"> 中华人民共和国(可以调整大小) </div> </body></html>