css - MailPoet：我如何固定我的定位？每次我放大和缩小时，一切都不合适。CSS

Question

我正在为我的 WordPress 网站使用一个名为 MailPoet 的插件。左右设置所有右边距后，一切看起来都很好。但是当我放大和缩小时，一切都不合适了。我如何解决它？

我试过使用 float: center; 在表格 {} 下。那没有用。所以我也尝试使用 margin: auto; 对于所有保证金代码。它也没有用。对不起这个问题我是一个完全的新手。

/* form */
.mailpoet_form {
}

form {
  margin-bottom: 0;
  margin-left: 350px;
}

p.mailpoet_form_paragraph {
    margin-left: 280px;
    margin-bottom: 10px;
}

/* columns */
.mailpoet_column_with_background {
  padding: 10px;
}
/* space between columns */
.mailpoet_form_column:not(:first-child) {
  margin-left: -550px;
}

/* input wrapper (label + input) */
.mailpoet_paragraph {
  line-height:20px;
  margin-bottom: 20px;
}

/* labels */
.mailpoet_segment_label,
.mailpoet_text_label,
.mailpoet_textarea_label,
.mailpoet_select_label,
.mailpoet_radio_label,
.mailpoet_checkbox_label,
.mailpoet_list_label,
.mailpoet_date_label {
  display:block;
  font-weight: normal;
}

/* inputs */
.mailpoet_text,
.mailpoet_textarea,
.mailpoet_select,
.mailpoet_date_month,
.mailpoet_date_day,
.mailpoet_date_year,
.mailpoet_date {
  display:block;
}

.mailpoet_text,
.mailpoet_textarea {
  width: 400px;
}

.mailpoet_checkbox {
}

.mailpoet_submit {
}

.mailpoet_divider {
}

.mailpoet_message {
}

.mailpoet_form_loading {
  width: 30px;
  text-align: center;
  line-height: normal;
}

.mailpoet_form_loading > span {
  width: 5px;
  height: 5px;
  background-color: #5b5b5b;
}

请参阅下面的屏幕截图，了解我放大时的样子。

标签： csswordpresspluginscss-position