Question

我正在尝试制作一个使用iframe的表单，并使用css媒体查询响应周围的网页。 php页面在不同的地方有几个css样式表，我已经使用css3媒体查询修改了它们。

iframe内容来自php模板。还有其他的PHP页面会影响我试图做出响应的页面。

当我尝试使iframe php模板在后端响应时，iframe 最低限度的修改。

我最接近使iframe响应是通过修改各种css页面，并在iframe上使用类似下面的内容（我在内存中执行此操作，因为我不在我的机器上工作）：

      iframe{
         width:100%;
         display:block;
         position:absolute;
       }

出于某种原因，它在css中对此做出了响应，但是当我尝试将这段代码放在php模板中时它不起作用。

顺便说一下，模板使用的是div和table的混合。

真是一团糟......

还有全局的php文件，我想我已经跟踪了它们。

我知道这很多，但我的问题如下：

我是否应该继续处理表单模板，只需将媒体查询放在此页面中，然后查看表单是否响应？
我是否还应继续使用各种CSS页面？

是否有人知道更简单的解决方案或解决方案，不涉及导入大量库或使其过于复杂？

还记得保持简单吗？好吧，事情似乎远离那个......

所以，我修改了模板表单，使其能够使用媒体查询和div进行响应。它在后端响应。但是，iframe的前端没有响应。以下是前端代码的一部分：

    <style>
      @media screen and (max-width:500px){

                           #tab1 #wrapper #contentWrapper #sub6 #content #textBackground          #textWrapper{
                            display:block;
                            width:100%;
                            height:auto;
                        } 

                     #tab1 #wrapper #contentWrapper #sub6 #content #textBackground #embed-container{
                       position:relative;
                       padding-bottom:56.25%;
                       padding-top:30px;
                       height:0;

                   }
                 #tab1 #wrapper #contentWrapper #sub6 #content #textBackground  #embed-container iframe{
                       position:absolute;
                       top:0;
                       left:0;
                       width:100%;
                       height:100%;
                   }
                </style>

         <body id="tab1">
    <div id="wrapper">
    <div id="contentWrapper">
    <?php require('includes/banner.htm'); ?>
    <?php require('includes/navigation.htm'); ?>
    <div id="sub6">
    <?php require('includes/commercialNav.htm'); ?>
    </div>
    <div id="content">
    <div id="textBackground" style="border-top: solid 1px #f1f2f1;">

    <div id="textWrapper" >
    <div id="embed-container" style="margin: 0 auto;">


            <iframe frameborder="0" scrolling="no" style="max-width:2500px;min-width:250px;max-height:1200px;min-height:800px;" frameborder="0" src="<?php print($contact_form_url); ?>"></iframe>
     <br>
</div>
    </div>
    <br>
    </div>
    </div>
    </div>
    </div>
    <?php require('includes/sitefooter.htm'); ?>
    </body>
</html>

iframe没有响应css。如果我删除内联样式，模板表单根本不会显示。没有跨域问题。

Regards,

umbre gachoong

在php页面中制作iframe响应的策略

0 个答案: