IEG中不考虑img元素比例中的SVG
CSS：
img{
max-height:30px;
}
HTML：
<img src="foo.svg" />
我正在寻找此svg图像，以按比例缩放到30像素高的最大高度。svg的自然尺寸为200pxx200px。在FF和Chrome（30x30）上效果很好，但在IE9中图像为30x200。现在这里是踢腿者。仅在某些SVG文件中会发生这种情况，其他svg会正确缩放。
看起来区别是一个是由多边形组成的，另一个是由路径组成的。
可以正确缩放：
关于发生这种情况的任何想法，或者我如何才能使第一个在ie9中按比例缩放？
问题答案：
为了在浏览器之间获得更一致的缩放比例，请始终确保指定了一个元素，viewBox但保留了width和height属性svg。我创建了一个测试页，用于比较指定不同SVG属性以及CSS中指定的宽度和高度的效果。在几种不同的浏览器中进行比较，您会发现在处理方式上有很多差异。
-
概述 <img>元素用于插入图片，主要继承了 HTMLImageElement 接口。 浏览器提供一个原生构造函数Image，用于生成HTMLImageElement实例。 var img = new Image(); img instanceof Image // true img instanceof HTMLImageElement // true Image构造函数可以接受两个整数作为参
-
有人能告诉我为什么下面的代码不返回表情符号属性吗... 但是下面的代码将返回一个表情符号属性... 我知道我已经将滚动添加到第二个代码中，所以它会查看整个页面并返回我要查找的元素。但除此之外，它们或多或少是相同的。我可以每隔几秒钟运行第一个代码，它永远找不到表情符号元素。它会发现代码和optCriteria没有问题，并将它们作为tradeCriteria打印在一起，但即使它在那里，它也永远找不到表
-
我正在使用图表 （http://chartjs.org）。我试图给我的图表一个特定的高度，但它没有采取它。图表设置为响应式，因此我使用宽度100%。请检查下面的代码和笔。 Javascript/**线图*/ 断续器 CoDepen-http://codepen.io/rushenn/pen/PwGjOr 如何在响应式图表上设置特定高度？
-
问题内容： 我想知道如何获取元素的比例值？ 我尝试过哪种回报有没有一种获取途径，并且只有途径？ 问题答案： 如果它是由矩阵指定的，我想您无法采用一种简单的方法，但是您可以轻松地解析该值： 将包含scaleX 并将包含scaleY。如果有可能还应用了其他转换，则需要稍微调整正则表达式，因为现在假定所有其他参数均为0。 一种仅获取比例值的方法可能是删除所有转换，测量元素的计算宽度/高度，然后将其重
-
问题内容： 在检查Chrome Dev工具时，我注意到以下CSS片段： 可以在Chrome中完美运行（请参见下面的屏幕截图）。 这使我可以通过CSS定义标签的src属性。在Firefox中不起作用。到目前为止，我认为不可能通过CSS直接修改src属性，而且我还没有发现有人在谈论这一点。 那么，这仅仅是Chrome中的专有功能，还是Chrome正在实施W3C草案或其他我不知道的类似产品？ 问题答案：
-
编辑：从我的角度来看，这太含蓄了，但这个想法当然是一个可能的解决方案，它将是最快的（比调用两次流生成器更快，并且至少要分别执行两个操作）： ...利用一次迭代，而不必在内存上加载整个集合。我在做答案并行化的测试