Html 我的SVG赢了'；t刻度
[更新]我重新措辞，得到了完美的答案 我不认为这是上述问题的重复，原因如下Html 我的SVG赢了'；t刻度,html,svg,Html,Svg,[更新]我重新措辞，得到了完美的答案 我不认为这是上述问题的重复，原因如下 我想要一个信息亭显示，其中一个单一的浏览器选项卡是如何，全屏（按F11） 我想要一个左右列，中间有一个SVG图像 Here is a minimal implementation: <!doctype html> <html lang=en> <head> <meta charset=utf-8> <title>blah</title> <
我想要一个信息亭显示，其中一个单一的浏览器选项卡是如何，全屏（按F11） 我想要一个左右列，中间有一个SVG图像
Here is a minimal implementation:
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>blah</title>
</head>
<body>
<table border="1" style="width: 90%; margin: auto">
<tr>
<td style="width:25%">
Left column
</td>
<td style="width:60%; border-width:1px; border-color:red;border-style: solid">
path[更新] 似乎暗示viewBox必须具有固定的大小，而不是100%——是这样吗 此外，我还必须内联
SVGimg <path id="Top row 1" ng-click='RoomClicked($event, "A-1")'
fill={{GetFillColour('A-1')}} stroke="black" stroke-width="1"
d="M 226.00,69.00
C 226.00,69.00 ...
只要去掉宽度和高度属性，你就可以了。只要去掉宽度和高度属性，你就可以了。如果我使用指向SVG的图像标签，并使用以下CSS，这似乎对我很有效（至少在Firefox中是如此）：-
#container img {
width: 100%;
max-height: 100%;
}
其中container是一个灵活的div，用于约束SVG的大小（这可能是您的表单元格）。SVG填充了容器的宽度，比例保持在pro中，但是如果容器太宽，最大高度将起作用，并按照预期限制SVG的高度，而不进行拉伸。如果我使用指向SVG的图像标记，并使用以下CSS，这似乎对我有效（至少在Firefox中是如此）：-
#container img {
width: 100%;
max-height: 100%;
}
其中container是一个灵活的div，用于约束SVG的大小（这可能是您的表单元格）。SVG填充了容器的宽度，比例保持在pro中，但是如果容器太宽，最大高度将生效，并按照预期限制SVG的高度，而不进行拉伸。这样做时，我根本看不到任何SVG（可能是视口？）删除高度和宽度几乎肯定意味着大小会回落到300 x 150，即替换元素的“帮助我不知道我应该是什么大小”大小。当我这样做时，我根本看不到任何SVG（可能是视口？），删除高度和宽度几乎肯定意味着大小会回落到300 x 150“帮助我不知道我应该是什么大小”替换的元素的大小。可能的重复是有帮助的，但给定的小提琴使用绝对像素大小，就像视口
（我不太理解）一样-我需要在任何屏幕分辨率下都能工作的东西。我希望有人能使用他们选择的代码和SVG发布一个提琴。似乎暗示视口必须有一个固定的大小，而不是100%-是吗？可能的重复是有帮助的，但给定的提琴使用绝对像素大小，就像vi一样ewport
（我不太明白）。-我需要一些在任何屏幕分辨率下都能工作的东西。我希望有人能使用这些代码和他们选择的SVG发布一个小提琴。这似乎意味着视口必须有一个固定的大小，而不是100%-是这样吗？
#container img {
width: 100%;
max-height: 100%;
}