WordPress thickbox responsive

Question

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

你有什么想法让这个厚箱响应吗？我试图给它一个宽度自动和一个高度在"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; }

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