Html 在移动设备中,文本框重叠

Html 在移动设备中,文本框重叠,html,css,Html,Css,我有这些文本框, 在浏览器最大化的情况下,但在移动设备中,或在缩小以下文本框时,与上面的文本框重叠时,外观良好 我使用以下语法: 奈特先生{ 最小宽度:15em } お客様用「身份证」コード」 お客様用「パスワード」 您需要在媒体查询中对td元素使用填充。 html 您需要在媒体查询中对td元素使用填充。 html 尝试为表添加以下内容 border-spacing: 5px (spacing u wish) 尝试为表添加以下内容 border-spacing: 5px (spacing

我有这些文本框,

在浏览器最大化的情况下,但在移动设备中,或在缩小以下文本框时,与上面的文本框重叠时,外观良好

我使用以下语法:


奈特先生{
最小宽度:15em
}
お客様用「身份证」コード」
お客様用「パスワード」

您需要在媒体查询中对td元素使用填充。 html


您需要在媒体查询中对td元素使用填充。 html


尝试为表添加以下内容

border-spacing: 5px (spacing u wish)

尝试为表添加以下内容

border-spacing: 5px (spacing u wish)

我已经更新了你的代码,你在这里缺少一个分号
minwidth:15em
。你还需要重新构造你的代码

由于我无法重现该问题,我建议您使用下面更新的样式。我使用了下面的
边框间距
,请尝试


奈特先生{
最小宽度:15em;
}
.问题表{
边界塌陷:分离;
}
.mrtr{
边界间距:10px;
}
お客様用「身份证」コード」
お客様用「パスワード」

我已经更新了您的代码,您在这里缺少一个分号
最小宽度:15em
。您还需要重新构造代码

由于我无法重现该问题,我建议您使用下面更新的样式。我使用了下面的
边框间距
,请尝试


奈特先生{
最小宽度:15em;
}
.问题表{
边界塌陷:分离;
}
.mrtr{
边界间距:10px;
}
お客様用「身份证」コード」
お客様用「パスワード」

您为第一列添加了
空白:nowrap;
th
-必须仅在
thead
部分


.mrGridCategoryText{空白:nowrap;}
奈特先生{
最小宽度:15em;
}
お客様用「身份证」コード」
お客様用「パスワード」

您为第一列添加了
空白:nowrap;
th
-必须仅在
thead
部分


.mrGridCategoryText{空白:nowrap;}
奈特先生{
最小宽度:15em;
}
お客様用「身份证」コード」
お客様用「パスワード」

仍然没有发生任何事情:(是的,我就是这么做的。我已经通过.html进行了更新。我注意到页面的宽度低于720px,文本框隐藏。仍然没有发生任何事情:(是的,我就是这么做的。我已经通过.html进行了更新。我注意到页面的宽度低于文本框隐藏的720px。尝试事先在td上添加填充物?谢谢你们的建议。现在工作正常,我刚刚添加了display:block属性:)试着事先在td上添加填充物?谢谢你们的建议,伙计们。现在效果很好,我刚刚添加了display:block属性:)谢谢!但还是同一个问题。你能提供更多关于设备、浏览器的信息吗?我无法重现这个问题。如果设备的宽度分辨率低于720px,就会出现问题。我正在通过源代码(F12)对其进行测试在Google chrome中。谢谢!但仍然是同一个问题。你能提供关于设备、浏览器的更多信息吗?我无法重现这个问题。如果设备的宽度分辨率低于720px,就会出现问题。我正在通过Google chrome中的源代码(F12)对其进行测试。
border-spacing: 5px (spacing u wish)