SimpleModal自动调整并不是非常正确的

Question

使用以下HTML和JS：

<div id="dialog" style="display:none;">
    <div class="dialog-title">Dialog Title</div>
    Some text
    <div class="dialog-buttons">
        <button class="uk-button">Button 1</button>
        <button class="uk-button">Button 2</button>
    </div>
</div>
<button onClick="$('#dialog').modal();">open dialog</button>

我得到一个对于内容来说不够大的simplemodal，使用UI-Kit（http://getuikit.com/）的样式按钮。按钮太宽，因此被包裹，使第二个按钮出现在模态之外。

有关如何正确调整simplemodal大小的任何想法吗？

谢谢！

Answer 1

我没有得到完美答案，但我确实有一个合适的答案，调整css。

/* Container */
#simplemodal-container {
  height:auto !important;
  width:600px;
  ...
  }