IE 8-字体系列显示问题

问题描述

| 我有一个具有初始登录页面的应用程序 有一个用户名和密码输入框。 此页面可在IE 7,Safari,Firefox 4和5中正常运行,但不能运行 在IE 8和9中显示。在IE 8/9中,用户名和密码显示为 调整缩放百分比时使用不同尺寸的输入框。 在进行一些测试时,我在IE 8/9中注意到文档模式处于Quirks模式。 所以我尝试将IE 9中的文档模式设置为IE 9标准模式,然后 页面正确显示。但是,在IE 8中没有任何影响。 我唯一能上班的就是重新定义 输入框样式表中的字体系列。这有效 适用于IE 7,8和9,以及Safari和Firefox。 我也尝试过设置DOCTYPE和meta标签,但这些都不是 组合似乎可以在IE 8中使用。 我在下面包含了一个测试样式表和html,它们复制了 问题。 有谁知道为什么IE 8/9会要求这样做?还有另一个 除了重新定义字体系列以外,还可以处理其他方法? 谢谢。 以下样式表可在IE 7,Safari和Firefox 4和5中使用。在IE 8/9中,它会导致 用户名和密码以不同的长度显示,除非我使用注释 大纲: 样式表:
body                   { font-size: x-small; font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;} 


form                    { font-size: 100%; }
input                   { font-size: 110%; }
/*input                   { font-size: 110%; font-family: Arial,SunSans-Regular; }*/
INPUT.TEXT              { font-size: 100%; }
select                  { font-size: 110%; }
textarea                { font-size: 110%; }
的HTML:
<html>
<head>                 
<title>Login</title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"./mystyle.css\">
</head>
<body>                  
<table>                 
<tr><td>User&nbsp;Name: </td><td><input type=text name=username size=20 value=\"\"></td></tr>
<tr><td>Password: </td><td><input type=password name=pass size=20></td></tr>
<tr><td>&nbsp;</td><td><input type=submit value=Login></td></tr>
</table>                
</body>
</html>
    

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)