css - 仅当我删除 'zoom' 属性时才会显示联系表单；需要一个解决方案

Question

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

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

网址: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 轻松设置普通按钮的样式。