Javascript iframe将不会在桌面上的页面上居中

我有一个第三方网站插件（Salon Iris）的iframe，它不是很好。iframe是通过javascript调用的，不会集中在桌面页面的中间。在移动设备上，它堆叠得很好。我能把它放在中间的唯一方法是将它包装成一个DIV并应用样式，但这会破坏移动功能，因为我必须应用一个width参数

我曾尝试使用媒体查询从手机上的DIV中删除样式（用于居中），但它似乎没有响应

调用iframe的JS：

<div class="saloniris" id="contact">

<script type="text/javascript">daysmart_acc = "6c9943df-39d6-4444-b786-8109d2b732f6"; daysmart_iframe_width = 900; daysmart_iframe_height = 0; </script><script type="text/javascript" src="http://plugin.mysalononline.com/Scripts/external/bookingplugin.js"></script>

</div>

daysmart_acc=“6c9943df-39d6-4444-b786-8109d2b732f6”；daysmart_iframe_width=900；daysmart_iframe_高度=0；

---

是否考虑将自动边距和显示属性添加到iFrAMM样式？

iframe{
    margin: 0 auto;
    display: block;
}

---

我应该帮你解决

如果您尝试了对齐属性，请告诉我。只要你不需要相邻的内容，这个答案就是你最好的选择。这对我来说不起作用。我的直觉是它与JS调用它有关？我把它包装在一个DIV中，并应用了您在上面提出的建议编辑：我误解了您所写的内容。我将您建议的属性应用于样式表中的iframe样式，但仍然没有更改。谢谢你的帮助。你能创建一个JSFIDLE来显示你的页面的代码吗？这样我就更容易理解了。我的假设是其他CSS可能正在覆盖这些属性。