无论手机如何，SVG文字大小都不会改变

Question

我为台式机显示器设计了svg文本标题，但是在小型Apple 6和7手机（375x667）上，svg文本非常小。我已经尝试了很多方法来使其变大，但是没有任何效果。在台式机显示器上看起来不错，但在最小的屏幕尺寸上，它太小了，无法阅读。

它是在html代码中内联设计的：

#svg_head{
    grid-column: 6 / 16;
    grid-row: 3 / 5;
    width: 100%;
    height: auto;
    font-family: camphorW01-Thin,calibri,arial;
    text-decoration: none;
    margin-top: 6%;
    transition: all 150ms ease-in;
}

	<div id="svg_head">
	<svg viewBox="0 0 750 450" xmlns="http://www.w3.org/2000/svg">

	<style>
	    .svg_head2 {
	        font-family: roboto_thinregular;
	        font-size: 13pt;
	        font-weight: bold;
	        fill: rgb(150,150,150);
	        fadein 5s;}
	</style>

	<text x="45%" y="4%" class="svg_head2 fadeIn animate_behind"
	alignmentbaseline="middle" text-anchor="middle">Very long SVG Text Goes Here, 	About 60 characters long</text></svg></div>


	

我尝试更改文本x =“ 45％” y =“ 4％”，但没有找到任何有区别的组合。我还尝试了对视图框进行一些更改，但到目前为止没有任何更改。最后，我尝试更改字体大小，并使用了px等其他单位。可以在大屏幕上播放，但不能在手机上播放。

svg具有响应能力，并且可以在所有设备中正确定位，但是我不希望它在手机上如此小巧以至于我无法阅读。