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

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 に答える
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 に答える