wordpress - 简单的模态高度问题

标签 wordpress css

我正在为我的 wordpress 网站使用简易模式插件。模式工作正常,但只有一个问题,即模式的高度将自身设置为页面的末尾滚动。宽度设置为 80%,效果很好,但 height:auto 属性根本无法正常工作。请让我知道我该如何解决这个问题? .如果在下面的 CSS 中,我对高度进行了硬编码,那么这个技巧就起作用了,但我只是想实现高度:自动属性。

.modal {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    display: none;
    font-size: 16px;
    height: auto !important;
    left: 50%;
    margin-left: -40%;
    overflow: visible;
    padding: 1.25em;
    position: absolute;
    top: 100px;
    transform: scale(1, 1);
    transform-origin: 0 50% 0;
    visibility: hidden;
    width: 80%;
    z-index: 999;
}

最佳答案

您需要将 font-size:16px 更改为默认 font-size:14px,这将解决问题。

关于wordpress - 简单的模态高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19056100/

相关文章:

html - Flex-box 并排显示子 div

javascript - 滚动 div 问题

php - 更改 WooCommerce 订阅的订单按钮上的文本

html - 在不改变尺寸的情况下在div中插入具有不同比例的图像

php - 在 Ubuntu Linux 安装上我应该有多少 wp-config.php 文件?

wordpress - Docker中的Wordpress无法连接到Internet

css - 使 div 在父级内部 100% 宽度,而不是父级 div

css - 是否有完整枚举(在表格或单页中)、 "standard"css2 和 css3 属性及其值的规范列表?

javascript - 错误: Object #<Object> has no method 'easeInOutCubic' - jquery-ui

mysql - 如何使用 MySQL 主键创建动态页面?