Question

以下代码在Chrome中打印无效字体大小：16pt。如何解决这个问题，以便返回内联样式中指定的12pt相同的字体大小？

＆＃13;

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    <script>
        $(function () {
            var css = $('#_QNU0OVBMB').css(["font-size"]);
            alert(css["font-size"]);
        });
    </script>

</head>
<body>
    <div id="_QNU0OVBMB" style="font-size:12pt">
        m.FIRMA
    </div>

＆＃13;

Answer 1

jQuery .css() method返回计算样式属性。

由于您希望获取内联样式属性中指定的值，因此您可以直接访问元素style property上的fontSize属性，以获取12pt。

var element = document.getElementById('_QNU0OVBMB'),
    fontSize = element.style.fontSize;

alert(fontSize); // 12pt

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="_QNU0OVBMB" style="font-size:12pt">
  m.FIRMA
</div>

同样，使用jQuery，您只需要访问jQuery对象中的DOM元素：

var fontSize = $('#_QNU0OVBMB')[0].style.fontSize;

alert(fontSize); // 12pt

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="_QNU0OVBMB" style="font-size:12pt">
  m.FIRMA
</div>

Answer 2

警告显示您在PIXELS中的大小，16px确实= 12pts

http://www.erichynds.com/blog/jquery-ui-multiselect-widget

Answer 3

它没有说16pt它说16px，这就是chrome渲染该指令的方式。点通常仅适用于打印介质，如果使用像素，则应按预期工作。

Answer 4

如果要覆盖它们，请尝试使用！important。并且12pt = 16px。

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    <script>
        $(function () {
            var css = $('#_QNU0OVBMB').css(["font-size"]);
            alert(css["font-size"]);
        });
    </script>

</head>
<body>
    <div id="_QNU0OVBMB" style="font-size:12px!important">
        m.FIRMA
    </div>

如何获取内联样式指定的字体大小

4 个答案: