Html 如何制作此联系表？

我想让联系人表单（在我网站的本页：）响应，例如智能手机。我试过：

@媒体屏幕和（最大宽度：600px）{
#表格(续){
高度：710px；
边界间距：3倍；
边框样式：实心；
边框宽度：1px；
边框颜色：黑色；
边界半径：10px；
}
#续1{
边界间距：1px；
}
#续二{
边界间距：0px；
位置：相对位置；
底部：15px；
}
.粘的{
位置：固定；
排名：0；
}
}

---

}

您需要在不同的地方进行一些更改：

#表单_contatto

• 删除左侧的

  边距

• 使

  宽度：100%

表格

• 移除

  最大宽度：400px

它可能需要更多的边距和填充物以获得更好的外观，但这是使其响应的基本步骤

正如@AStopher所提到的，您可以检查以使响应更容易

---

您可能希望研究像Bootstrap这样的框架，它在很大程度上解决了响应性问题。仅依赖浏览器像素宽度/高度通常被认为是不好的做法。@AStopher“仅依赖浏览器像素宽度/高度通常被认为是不好的做法”只是想知道你的确切意思？这是实现媒体查询的一种非常标准的方法。谢谢。但是如果我删除左边的边距并编辑宽度，桌面版本上的表单就会显示在左边并且很紧…在另一个CSS类中有一个

margin:auto

，它将位于中间。如果没有，您可以添加

边距：auto

是否删除了

最大宽度：400px如上所述？不，我指的是另一个（我想你可以把它们都删除）：哦，我检查了，“表单”也属于另一页上的另一个东西！谢谢，现在可以了。