iframe不会以桌面上的页面为中心

Question

我有一个iframe用于第三方网站插件（Salon Iris）并不是很好玩。 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