Html 如何使表格在不同屏幕分辨率下自动调整

在这个问题上我会尽量谦虚，因为我已经陷入这个问题一个小时了。我创建了自己的标题栏，这是我自己的分辨率下的正常视图。但每当我试图在朋友的分辨率较低的上网本上查看时，它都会显示类似的内容

以下是我的CSS：

#header_table {
width: 100%;
min-width: 100%;
height: 55px;
margin: auto;
background-color: #EEEEEE;
color: #FFFFFF;
}

我把它放在桌子的左边

<td width = 70%>

我试着把

<td style="width:70%; min-width:70%;">

但还是不行

---

如何调整或移动右侧的表格单元格，使按钮不在文本框下？

我认为问题在于文本框和按钮的宽度，而不是td的宽度。右边单元格中的元素无法容纳剩下的30%。谢谢，好的，我会尝试。它工作了，谢谢，但是我不能让它粘贴到标题的右侧，就像您将使用的任何分辨率来查看它一样，它总是停靠在标题栏的最右侧吗？感谢您将“输入和提交”按钮的宽度增加一个百分比，例如80%用于输入，20%用于按钮。或者，您可以尝试不同于表格的方法。尝试像这样左右浮动元素：