WordPress 厚盒响应式

Question

我正在开发一个 WordPress 插件。我想为此使用一种模式。我找到了厚盒子。这工作得很好！但是，这不是响应式的。

你有什么想法让这个厚盒响应吗？我试图给它一个宽度 auto 和一个 "vh" 的高度，但没有。

这是我的代码：

  <div id="my-content-id" style="display:none;">
     <form action="#" method="post">
                      <label for="digisoft_clickToCall_lastnameClient">Votre nom :</label><br>
                      <input id="digisoft_clickToCall_lastnameClient" name="digisoft_clickToCall_lastnameClient"
                               type="text"/>
                      <label for="digisoft_clickToCall_firstnameClient">Votre prénom :</label><br>
                      <input id="digisoft_clickToCall_firstnameClient" name="digisoft_clickToCall_firstnameClient"
                               type="text"/>
                      <label for="digisoft_clickToCall_emailClient">Votre adresse mail :</label><br>
                      <input id="digisoft_clickToCall_emailClient" name="digisoft_clickToCall_emailClient"
                               type="email"/>
                      <label for="digisoft_clickToCall_numberClient">Votre numéro :</label><br>
                      <input id="digisoft_clickToCall_numberClient" name="digisoft_clickToCall_numberClient"
                               type="tel"/><br>

                      <input type="submit" class="btn-group button" value="Demander le rappel">

                    </form>
</div>

<a href="#TB_inline?width=600&height=500&inlineId=my-content-id" id="callnowbutton" style="font-size: 150%; color:white;" class="thickbox">'.$buttonText.'</a>';

你的时间。

Answer 1

一个工作示例会很有帮助。否则，我们只能为您指明某些方向。

让某些东西真正快速“响应”的一种方法是通过 flexbox。 例如：

.YOUR__CONTAINER {
  display:flex;
  flex-direction: column; }

到 flexbox 的有用链接： https://css-tricks.com/snippets/css/a-guide-to-flexbox/