<!-- Product Popup View Start-->
<div class="modal fade appointment_view" id="appointment_view">
<div class="modal-dialog" style=" padding: 110px;
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
padding: 55px!important;
} ">
我为bootstrap 3 modal编写了这段代码，但是手机屏幕无法读取55px属性。在手机屏幕上，可以使用110px填充属性。
如何更改内联或与类的电话屏幕填充属性？
如果您要检查网站，请写以下信息。
该网站是这样的：https : //resimli.yedek.deniz-tasarim.site/
在主页上的滑块下方，有3个绿色信息框。单击立即约会按钮，然后将打开一个模式，该模式存在填充问题。
模态在右上角具有关闭按钮。每个屏幕都必须显示该按钮。
此外，模态必须具有填充，因为移动用户可以单击填充空间区域以返回主页屏幕。
所以，我的问题是这个。希望您能理解我，您将找到一个好的解决方案。
谢谢。
您不能具有@media queriesinsidestyle属性，请将其放在CSS文件上，或者如果愿意，可以将其添加到<style>tag中。在这两种情况下，媒体查询的使用方式都与您的示例相同：
.modal-dialog {
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
padding: 55px!important;
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句