Ptt 大爆卦 | Iframe 自動縮放 - 前往 http://cn.voidcc.com/question/p-bajdzher-gb.html

你即將離開本站

並前往http://cn.voidcc.com/question/p-bajdzher-gb.html

如果不调整本身的大小，是否可以缩放<iframe>的内容？</a></strong></h3> </div> <p><a href="http://cn.voidcc.com/question/p-bajdzher-gb.html">我使用媒体查询根据屏幕分辨率缩放：iframe及其内容随着屏幕变小而变小。现在，这在纸上看起来还不错，但由于某种原因，随着iframe的尺寸减小，它会剪辑部分内容。</a></p> </div> <div class="col-sm-offset-4 col-sm-4"> <p class="text-center"> <a class="btn btn-default btn-lg" href="http://cn.voidcc.com/question/p-bajdzher-gb.html">確定！</a> <a class="btn btn-default btn-lg" href="/article/Iframe+%E8%87%AA%E5%8B%95%E7%B8%AE%E6%94%BE/">回上一頁</a>  </p> </div> </div> <section id="main-section" class="module"> <div class="typography-section"> <div class="container"> <h2 class="title-style05 style-02">查詢 <span>「Iframe 自動縮放」</span>的人也找了：</h2> <div class="row no-gutter"> <div class="col-md-4"></div> <div class="col-md-4"> <div class="wrap"> <div class="panel">    <div class="panel-body"> <ol class="list"> <a href="/article/iframe%E5%85%A7%E5%AE%B9%E7%B8%AE%E6%94%BE" style="font-size:20px;"><li>iframe內容縮放</li></a> <a href="/article/iframe%E9%9F%BF%E6%87%89%E5%BC%8F" style="font-size:20px;"><li>iframe響應式</li></a> <a href="/article/iframe%E6%AF%94%E4%BE%8B" style="font-size:20px;"><li>iframe比例</li></a> <a href="/article/iframe%E9%AB%98%E5%BA%A6" style="font-size:20px;"><li>iframe高度</li></a> <a href="/article/Iframe+youtube%E6%8B%92%E7%B5%95+%E9%80%A3+%E7%B7%9A" style="font-size:20px;"><li>Iframe youtube拒絕連線</li></a> <a href="/article/HTML+%E5%BD%B1%E7%89%87+%E8%87%AA%E5%8B%95%E7%B8%AE%E6%94%BE" style="font-size:20px;"><li>HTML 影片自動縮放</li></a> <a href="/article/Iframe+%E7%AD%89%E6%AF%94%E4%BE%8B" style="font-size:20px;"><li>Iframe 等比例</li></a> <a href="/article/Iframe+RWD" style="font-size:20px;"><li>Iframe RWD</li></a> </ol> </div> </div> </div> </div> <div class="col-md-4"></div> </div> </div> </div> </section> </section> <footer id="footer">  <div id="parallax-section2"> <div class="bg parallax2 overlay img-overlay2"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-6 col-md-4"> <h3 class="title-left title-style03 underline03">關於我們</h3> <p class="about-us"></p> <div class="site-logo"><a href="/"><img src="/NewsTheme/HTML/img/logo.png" alt="pttman" /> <h3>pttman <span>Muster</span></h3> <p>屬於你的大爆卦</p> </a></div> </div> <div class="col-sm-6 col-md-4"> <h3 class="title-left title-style03 underline03">聯終我們</h3> <div class="footer-post"> <form id="contact_form" novalidate="true"> <div class="messages"></div> <div class="controls"> <div class="row no-gutter"> <div class="col-md-6"> <div class="form-group"> <input id="form_name" type="text" name="name" class="form-control" placeholder="姓名" required="" data-error="姓名為必填"> <div class="help-block with-errors"></div> </div> </div> <div class="col-md-6"> <div class="form-group"> <input id="form_email" type="email" name="email" class="form-control" placeholder="Email" required="" data-error="Email 為必填"> <div class="help-block with-errors"></div> </div> </div> </div> <div class="row no-gutter"> <div class="form-group"> <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="電話"> <div class="help-block with-errors"></div> </div> </div> <div class="row no-gutter"> <div class="form-group"> <select class="form-control" name="subject"> <option value="聯繫投稿">聯繫投稿</option> <option value="廣告聯絡">廣告聯絡</option> <option value="合作提案">合作提案</option> </select> </div> </div> <div class="row no-gutter"> <div class="form-group"> <label for="form_message">Message </label> <textarea id="form_message" name="message" class="form-control" placeholder="Message for me " rows="4" required="" data-error="Please,leave us a message."></textarea> <div class="help-block with-errors"></div> </div> <div class="row"> <div class="col-md-12"> <input type="submit" class="btn btn-success btn-send disabled" value="Send message"> </div> </div> </div>      </div> </form> </div> </div> <div class="col-sm-6 col-md-4"> <h3 class="title-left title-style03 underline03">聯盟網站</h3> <div class="tagcloud"> <a href="https://mediatagtw.com/">熱搜事件簿</a> </div> </div> </div> </div> </div> </div>  </footer>    </div>    <script async src="/NewsTheme/HTML/js/jquery-ui.min.js"></script> <script async type="text/javascript" src="/altant/theme/html/js/plugins/jquery-validation/jquery.validate.js"></script> <script async src="/NewsTheme/HTML/js/bootstrap.min.js"></script>  <script type="text/javascript" src="/template/assets/js/vendor/jquery.lazy/jquery.lazy.min.js"></script> <script async src="//www.instagram.com/embed.js"></script> <script async src="https://cdn.jsdelivr.net/gh/englishextra/iframe-lightbox@latest/iframe-lightbox.min.js"></script>   <script async src="/NewsTheme/HTML/js/jquery-easy-ticker.min.js"></script> <script> $("img.lazy").Lazy(); window.setTimeout(function(){loadJS("/js/pttman/pttman.min.js", true, 'pttman');},1000); </script>  </body> </html>