wordpress - WordPress 厚盒响应式
问题描述
我正在开发一个 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>';
你的时间。
解决方案
一个工作示例会有所帮助。否则,我们只能为您指明某些方向。
使某些东西真正快速“响应”的一种方法是通过 flexbox。例如:
.YOUR__CONTAINER {
display:flex;
flex-direction: column; }
到 flexbox 的有用链接: https ://css-tricks.com/snippets/css/a-guide-to-flexbox/
推荐阅读
- azure - 尝试检索托管服务标识凭据时 Azure Java 程序阻塞
- java - 尝试使用 firepropertychange、propertychangesupport 更改值
- javascript - AG-Grid 'Flat' 列组
- python - H2o Packge 错误:无法执行助推器操作:更新程序在节点 /127.0.0.1:54321 上处于非活动状态
- sql - 如何在 SQL Server 中打乱或散列值?
- codenameone - 表单未在第二次调用时显示
- kdb - Is there a way to iterate through the alphabet in kdb?
- jenkins - 在谷歌云平台上成功安装 Helm chart 后无法连接 Jenkins
- java - 从第 3 方 jar 中存根第 3 方 url?
- python - 如何为所有网格进行矢量化计算而不是“for”循环?