1

当我尝试将固定宽度 texx 框的字体大小从 100% 更改为 200% 时,我在 IE 9 中遇到了一个奇怪的行为(而 firefox 工作正常)。输入框中的文本被部分截断。我不知道为什么和

我将源代码和脚本放在下面的 url 中。 http://jsfiddle.net/VVyQm/3/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="language" content="en" />
</head>
<body>
<input style="width:100px;font-size:100%" type="text" value="abc"/>
</body>
</html> 
4

2 回答 2

1

该问题是由 jsfiddle 环境中的某些设置引起的。直接在 IE 9 中测试以下文档不会出现问题:

<!doctype html>
<meta charset=utf-8>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<input style="width:100px;font-size:100%" type="text" value="abc"/>
<script>
$('body').css('font-size', '200%');
</script>

因此,如果问题发生在 jsfiddle 之外的环境中,那么它显然是由其他一些代码引起的,例如正在使用的库或框架。

于 2013-01-07T12:33:04.337 回答
1

对于 IE,您可以在更改字体大小后刷新输入中的值。之后显示将是正确的。

<input id="example_id" style="width:100px;font-size:100%" type="text" value="abc"/>
<script>
        $('body').css('font-size', '200%');    <!-- change font size -->
        $('#example_id').val($('#example_id').val()) <!-- refresh value-->
</script>
于 2013-04-25T08:38:46.140 回答