css - 仅当我删除“缩放”属性时，才会显示联系表格；需要一个解决方案

Question

我设置了一个静态 html 登录页面；在 Chorme、Safari 和 Firefox 中完美显示。但是，当我使用 zoom 属性时，我无法显示嵌入的 MailChimp 联系表单名称和电子邮件字段；一旦我删除它，输入就会显示得太大而且不合适，这就是我首先使用缩放属性的原因。

为什么这会导致错误？有没有办法解决这个奇怪的问题？

网址：http ://comingsoon.veteranbrewingcompany.com/

TIA

Answer 1

你真的需要解决为什么表格这么大。各种风格导致它如此，例如

#mc_embed_signup .mc-field-group input {
font-size: 40px;
}

#mc_embed_signup .button {
background: url("http://themicroscopeguy.com/wp-content/uploads/2013/05/submit2.png");
width: 207px;
height: 92px;
}

因此，您设置了很大的字体大小，并且提交按钮是一个很大的图像。您可以通过 CSS 解决所有这些问题。提交按钮不需要图像，因为您可以使用 CSS 轻松设置普通按钮的样式。