Fatal编程技术网
  • php/
  • Php 如何将SVG的宽度和高度更改为，使其具有响应性？

Php 如何将SVG的宽度和高度更改为，使其具有响应性？

php html svg

Php 如何将SVG的宽度和高度更改为，使其具有响应性？,php,html,svg,responsive,Php,Html,Svg,Responsive,我有一个SVG： 您必须将viewBox=“0 0 2754 1398”添加到SVG中。在所有现代浏览器中，您都可以删除width和height，或者将它们设置为width=“100%”以使SVG具有响应性，但如果您想提供跨浏览器兼容性，则必须在不增加百分比的情况下实现width和height。因此，我建议如下设置viewBox、width和height 在这种情况下，如果您需要提供跨浏览器兼容性，您必须在SVG父级的宽度和高度进行所有更改后，通过JavaScript计算宽度和高度，以获得响应

我有一个SVG：

您必须将
viewBox=“0 0 2754 1398”
添加到SVG中。在所有现代浏览器中，您都可以删除
width
和
height
，或者将它们设置为
width=“100%”以使SVG具有响应性，但如果您想提供跨浏览器兼容性，则必须在不增加百分比的情况下实现
width
和
height
。因此，我建议如下设置
viewBox
、
width
和
height

在这种情况下，如果您需要提供跨浏览器兼容性，您必须在SVG父级的
宽度
和
高度
进行所有更改后，通过JavaScript计算
宽度
和
高度
，以获得响应度。但在其他情况下，所有现代浏览器都可以不用它



删除svg元素的宽度和高度，并改用
viewBox=“0 0 2754 1398”
。svg元素将使用所有可用的宽度来保持纵横比。如果您需要了解更多信息，请阅读以下内容：