由这个性质 可以通过设置line-height来代替zoom以达到想要的效果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS单位em</title> <style type="text/css"> span{ font-size:16px; } .domain{ padding:15px; } </style> </head> <body> <span>正常的1em=16px</span> <span>style="font-size:2em;border:solid 1px red;" 这里1em=2x16=32px</span> <span>style="font-size:3em;border:solid 1px blue;" 这里1em=2x3x16=96px</span> <span>style="font-size:50%;border:solid 1px black;" 这里1em=2x3x50%x16=48px</span> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
