Javascript 分辨率更改时带有固定单元格的HTML表格

我有下表。问题是，当您放大/缩小或分辨率不同时，标题的大小会改变。我怎样才能使它们保持不变？我希望所有的东西都在一条线上。当前，如果标题中有多个单词（即响应注释Num），并且标题的大小发生变化，则单词会一个接一个地聚集在一起

<table border="1" style="width:100%;border-collapse: collapse;" cellSpacing="2" cellPadding="2" >
<tr>
<th  style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:10%">Response Komment #</th>
<th  style="border:0px solid gray;background:#AAAAAA;color:white;font-weight:700;width:60%;">Comment</th>
</tr>
</table>

响应速度#
评论

您可以添加

white-space: nowrap;

---

添加到您的“样式”属性（可能应该在某个单独的CSS文件中）。

为第一个标题增加宽度以避免换行，例如

宽度：40%

。 您可以指定额外的最小宽度，例如

min width:13em

，以避免在小屏幕上缠绕

---

或者，您可以使用

空白：nowrap

为了避免所有的换行，然后使用

溢出：可见

/

溢出：隐藏

嗯，好的，空白：nowrap有效。现在，我可以继续使用它，并将单元格设置为一定的大小。如果我希望标题有一个固定的两行（顶部和底部）…无论分辨率如何，您都可以在标记内添加
标记给单元格总宽度70%的原因是什么？为了清晰起见，我还没有包括4个标题。。。