Javascript IE下降"；%&引用；追加html字符串时从维度

我试图创建一个视频元素作为字符串，通过变量（也是字符串）设置高度和宽度，我发现IE9正在从维度值中删除“%”。下面是一个简单的例子：

html:

javascript:

var height = '100%',
    width = '100%',
    video = '<video id="someId" width="' + width + '" height="' + height + '">' +
            '<source src="http://someSource.com" /></video>';

$('#videoWrap').append(video);

var高度='100%'，
宽度='100%'，
视频=“”+
'';
$（'#videoWrap'）。追加（视频）；

导致Chrome（或任何其他合理的浏览器）：

导致IE：

<div id="videoWrap">
    <video id="someId" width="100" height="100">
        <source src="http://someSource.com" />
    </video>
</div>

---

有人有什么想法吗？

宽度

和

高度

不是您应该根据大小设计元素的样式。这两个属性应该仅以像素表示大小

---

相反，正确地使用

style=“width:100%；height:100%；”

width

和

height

并不是为元素设置大小样式的方式。这两个属性应该仅以像素表示大小

---

相反，请使用

style=“width:100%；height:100%；”

正确执行，因为在这种情况下，IE对标准要求更严格

---

根据，尺寸必须指定为像素的整数值。使用百分比是无效的。

这是因为IE在这种情况下对标准更严格

---

根据，尺寸必须指定为像素的整数值。使用百分比无效。

我建议您执行以下操作：

var vdo = $('<video/>').css({'width':'100%','height':'100%'});

var vdo=$（''）.css（{'width'：'100%，'height'：'100%}）；

---

然后添加您的休息…

我可以建议您执行以下操作：

var vdo = $('<video/>').css({'width':'100%','height':'100%'});

var vdo=$（''）.css（{'width'：'100%，'height'：'100%}）；

然后添加您的其余部分…

换句话说，IE是本例中的“合理浏览器”。换句话说，IE是本例中的“合理浏览器”。

var vdo = $('<video/>').css({'width':'100%','height':'100%'});