在IE10中压缩的画布元素
在IE10中压缩的画布元素
提问于 2015-02-28 04:37:06
我的画布元素在Internet Explorer9和10中扭曲了，它的高度是应有高度的一半。
画布应该是一个响应式的640x480长方体，带有一个大的红色圆圈，而不是一个椭圆形。我希望它能修复css规范，但我不清楚css或javascript修复会是什么。
在ie10和ie9中，它看起来像这样：http://s7.postimg.org/4xtb6vjkr/ie10.png
在chrome，firefox，safari和ie11中的代码和正确的显示可以在这里看到：
http://jsbin.com/vutiqatowo/1/edit?html,css,js,output
这是一个项目的向后兼容性要求，所以不希望访问者使用ie10。
回答 1
Stack Overflow用户
发布于 2015-04-09 00:27:23
我在谷歌搜索结果中看到了用height:100%替换height:auto的解决方案，但它在对我来说是个问题的页面上不起作用。我发现了这个针对-ms-high-contrast的媒体查询技巧，它适用于扭曲的画布显示。它没有提供平滑的缩放，但它可以正确地显示画布元素。
下面是一个小提琴示例：http://jsfiddle.net/trents_luck/abhbmsd6/
在小提琴示例中，可以在css的底部看到媒体查询hack，它们读起来像这样：
@media (-ms-high-contrast: active) and (min-width: 100px),
(-ms-high-contrast: none) and (min-width: 100px)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28773816
复制相关文章
相似问题
腾讯云开发者
