javascript - iframe 不会在桌面上的页面上居中

Question

我有一个用于第三方网站插件 (Salon Iris) 的 iframe，但效果不佳。 iframe 是通过 javascript 调用的，不会在桌面页面的中间居中。在手机上它堆叠得很好。我可以让它居中的唯一方法是将它包装在 DIV 中并应用样式，但这会破坏移动功能，因为我必须应用宽度参数。

我尝试使用媒体查询从移动设备上的 DIV 中删除样式(用于居中)，但它似乎没有响应。

JS调用iframe:

<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>

http://www.stylehouse.nickolasbarnes.com/#contact

Answer 1

您是否考虑过为您的 iframe 样式添加自动边距和显示属性？

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

应该会为您解决。 DEMO