blocks|key|399689|text|如果您能够将iframe的css更改为使用min-device-width媒体查询和，则可以这样做。这应该使其响应设备和视口大小的字体将调整根据百分比的设备宽度，而不是使用“浏览器缩放”的文本。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|399690|下面是一个CSS示例：|399691|​|399692|@media+only+screen+and+(min-device-width:25em)+{
++body+{font-size:3vw;+line-height:3.9vw;}
}|code-block|syntax|javascript|399693|399694|entityMap^0|L|G|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|W|8|@]|D|@]|E|$M|N]]|$1|O|3|I|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p>You can do it if you are able to change the iframe's css to use <strong>min-device-width</strong> media queries and <strong><a href="https://css-tricks.com/viewport-sized-typography/" rel="nofollow">viewport sized typography</a></strong>. This should make it responsive by the device and the viewport sized typography will adjust things accordinging to percentage of device width instead of using the "Browser Scaled" text.</p>

<p>Below is a CSS example:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>@media only screen and (min-device-width:25em) {
  body {font-size:3vw; line-height:3.9vw;}
}</code></pre>
</div>
</div>
</p>


blocks|key|3445968|text|CSS/HTML示例如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3445969|​|3445970|*+{
++margin:+0;
++padding:+0
}
.myIframe+{
++position:+relative;
++padding-bottom:+65.25%25;
++padding-top:+30px;
++height:+0;
++overflow:+auto;
++-webkit-overflow-scrolling:+touch;+//<<---+THIS+IS+THE+KEY+
++border:+solid+black+1px;
}
.myIframe+iframe+{
++position:+absolute;
++top:+0;
++left:+0;
++width:+100%25;
++height:+100%25;
}|code-block|syntax|javascript|3445971|<div>Some+text+here</div>
<div+class='myIframe'>
++<iframe></iframe>
</div>|3445972|3445973|注意:这是为了使<iframe>响应|offset|length|style|CODE|3445974|entityMap^0|0|0|0|0|0|8|8|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|Y|8|@$N|Z|O|10|P|Q]]|9|@]|A|$]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

<p>CSS/HTML example below:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>* {
  margin: 0;
  padding: 0
}
.myIframe {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; //&lt;&lt;--- THIS IS THE KEY 
  border: solid black 1px;
}
.myIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;Some text here&lt;/div&gt;
&lt;div class='myIframe'&gt;
  &lt;iframe&gt;&lt;/iframe&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>NOTE:
This is to make an <code>&lt;iframe&gt;</code> responsive</p>


blocks|key|3232653|text|如果我正确地理解了你的问题，yes这是可能的，但由于我不能轻而易举地复制这种情况，下面是我测试成功的代码：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3232654|无响应的站点(无元viewport链接)|CODE|3232655|<!DOCTYPE+html>
<html>
<head>
<meta+charset="utf-8"+/>
<title>The+non-responsive+site</title>
<style+type="text/css">
body+{
++++margin:0;
++++padding:0;
}
#wrapper+{
++++width:1000px;
++++margin:0+auto;
}
iframe+{
++++max-width:1000px;
++++width:100%25;
++++margin:10px+auto;
++++display:block;
++++min-height:400px;
++++border:0+
}
</style>
</head>+++
<body>
++++<div+id="wrapper">
++++++++Lorem+ipsum+dolor+sit+amet,+consectetur+adipiscing+elit.+Sed+vitae+orci+a+velit+pretium+commodo.+Vivamus+ultrices+auctor+lectus,+non+semper+ipsum+dictum+eu.+Integer+nulla+arcu,+bibendum+ac+hendrerit+at,+scelerisque+in+augue.+Proin+a+nisi+et+purus+pulvinar+blandit.+Nulla+ac+diam+congue,+malesuada+nunc+vitae,+aliquam+quam.+Praesent+volutpat+turpis+eu+orci+volutpat+iaculis.+Vivamus+tempus+varius+sagittis.+Sed+sollicitudin,+dui+ac+finibus+placerat,+ante+metus+volutpat+dui,+eu+feugiat+ipsum+erat+nec+libero.+Quisque+eu+viverra+ex,+sit+amet+congue+orci.+Cras+porta+dignissim+diam,+in+eleifend+urna+vulputate+sit+amet.+Mauris+in+malesuada+ligula,+eget+facilisis+nisl.+Maecenas+non+enim+orci.+Nullam+porttitor+fringilla+velit+a+sodales.+Suspendisse+et+accumsan+mauris.+Interdum+et+malesuada+fames+ac+ante+ipsum+primis+in+faucibus.+
++++</div>
++++<iframe+src="responsive-iframe.html"></iframe>
</body>
</html>|code-block|syntax|javascript|3232656|响应式iframe(元viewport链接)|3232657|<!DOCTYPE+html>
<html>
<head>
<meta+charset="utf-8"+/>
<meta+name="viewport"+content="width=device-width,+initial-scale=1">
<style+type="text/css">
body+{
++++margin:0;
++++padding:0;
}

p+{
++++color:red;
++++font-size:32px;
++++background-color:#FEB1C7
}
@media+(max-width:+480px)+{
++++p+{
++++++++color:green;
++++++++font-size:48px;
++++++++background-color:#CF0
++++}
}
</style>
</head>+
<body>
++++<p>I'm+green+below+480px+width,+otherwise+I'm+red</p>
</body>
</html>|3232658|注意：上面的CSS+in+<head>标签只是制作这个演示的一种快捷方式，我总是推荐使用外部CSS文件。|3232659|3232660|更新：(我更新了代码以匹配下面的SS)|3232661|适用于无响应site的|3232662|ScreenShot|unordered-list-item|3232663|3232664|​|3232665|📷|atomic|3232666|3232667|3232668|用于iframe响应式site的|3232669|3232670|3232671|3232672|3232673|3232674|3232675|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/8840be740a17324605230bcb32c7696d.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/3bf84db93b8b2eada1790ce8596a0da6.png^0|E|3|0|9|8|0|0|B|8|0|0|0|3|D|6|0|0|0|3|0|0|0|A|0|0|0|1|0|0|1|0|1|0|0|0|1|0|0|0|F|0|0|A|0|0|0|1|0|0|1|0|1|1|0|0|1|0|0^^$0|@$1|2|3|4|5|6|7|1S|8|@$9|1T|A|1U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1V|8|@$9|1W|A|1X|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|1Y|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|1Z|8|@$9|20|A|21|B|H]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|22|8|@]|D|@]|E|$L|M]]|$1|R|3|S|5|6|7|23|8|@$9|24|A|25|B|C]|$9|26|A|27|B|H]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|28|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|29|8|@$9|2A|A|2B|B|C]]|D|@]|E|$]]|$1|W|3|X|5|6|7|2C|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|10|7|2D|8|@$9|2E|A|2F|B|C]]|D|@]|E|$]]|$1|11|3|-4|5|6|7|2G|8|@]|D|@]|E|$]]|$1|12|3|13|5|6|7|2H|8|@$9|2I|A|2J|B|C]]|D|@]|E|$]]|$1|14|3|15|5|16|7|2K|8|@$9|2L|A|2M|B|C]]|D|@$9|2N|A|2O|1|2P]]|E|$]]|$1|17|3|13|5|6|7|2Q|8|@$9|2R|A|2S|B|C]]|D|@]|E|$]]|$1|18|3|-4|5|6|7|2T|8|@]|D|@]|E|$]]|$1|19|3|1A|5|6|7|2U|8|@$9|2V|A|2W|B|C]]|D|@]|E|$]]|$1|1B|3|Z|5|10|7|2X|8|@$9|2Y|A|2Z|B|C]]|D|@]|E|$]]|$1|1C|3|-4|5|6|7|30|8|@]|D|@]|E|$]]|$1|1D|3|13|5|6|7|31|8|@$9|32|A|33|B|C]]|D|@]|E|$]]|$1|1E|3|15|5|16|7|34|8|@$9|35|A|36|B|C]]|D|@$9|37|A|38|1|39]]|E|$]]|$1|1F|3|13|5|6|7|3A|8|@$9|3B|A|3C|B|C]]|D|@]|E|$]]|$1|1G|3|-4|5|6|7|3D|8|@]|D|@]|E|$]]|$1|1H|3|-4|5|6|7|3E|8|@]|D|@]|E|$]]]|1I|$1J|$5|1K|1L|1M|E|$1N|1O|1P|-4]]|1Q|$5|1K|1L|1M|E|$1N|1R|1P|-4]]]]

<p>If I understood correctly what you are asking, <strong>yes</strong> it is possible, but since I can't replicate the situation in a fiddle, here is below the code I've tested with success:</p>

<h2>The non-responsive site (no meta <code>viewport</code> linked)</h2>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8" /&gt;
&lt;title&gt;The non-responsive site&lt;/title&gt;
&lt;style type="text/css"&gt;
body {
    margin:0;
    padding:0;
}
#wrapper {
    width:1000px;
    margin:0 auto;
}
iframe {
    max-width:1000px;
    width:100%;
    margin:10px auto;
    display:block;
    min-height:400px;
    border:0 
}
&lt;/style&gt;
&lt;/head&gt;   
&lt;body&gt;
    &lt;div id="wrapper"&gt;
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae orci a velit pretium commodo. Vivamus ultrices auctor lectus, non semper ipsum dictum eu. Integer nulla arcu, bibendum ac hendrerit at, scelerisque in augue. Proin a nisi et purus pulvinar blandit. Nulla ac diam congue, malesuada nunc vitae, aliquam quam. Praesent volutpat turpis eu orci volutpat iaculis. Vivamus tempus varius sagittis. Sed sollicitudin, dui ac finibus placerat, ante metus volutpat dui, eu feugiat ipsum erat nec libero. Quisque eu viverra ex, sit amet congue orci. Cras porta dignissim diam, in eleifend urna vulputate sit amet. Mauris in malesuada ligula, eget facilisis nisl. Maecenas non enim orci. Nullam porttitor fringilla velit a sodales. Suspendisse et accumsan mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. 
    &lt;/div&gt;
    &lt;iframe src="responsive-iframe.html"&gt;&lt;/iframe&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<h2>The responsive-iframe (meta <code>viewport</code> linked)</h2>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8" /&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
&lt;style type="text/css"&gt;
body {
    margin:0;
    padding:0;
}

p {
    color:red;
    font-size:32px;
    background-color:#FEB1C7
}
@media (max-width: 480px) {
    p {
        color:green;
        font-size:48px;
        background-color:#CF0
    }
}
&lt;/style&gt;
&lt;/head&gt; 
&lt;body&gt;
    &lt;p&gt;I'm green below 480px width, otherwise I'm red&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>NOTE:</strong> the CSS above in <code>&lt;head&gt;</code> tag was just a quick way to make this demo, I always recommend to use external CSS files.</p>

<hr>

<p><strong>UPDATE:</strong> (I updated the code to match the SS's below)</p>

<ul>
<li>ScreenShot for the <strong>NON-RESPONSIVE site</strong></li>
</ul>

<p><img src="https://i.stack.imgur.com/kLKeH.png" alt="enter image description here"></p>

<hr>

<ul>
<li>ScreenShot for the <strong>iframe-responsive site</strong></li>
</ul>

<p><img src="https://i.stack.imgur.com/xCrqL.png" alt="iFRAME-RESPONSIVE"></p>

<hr>


blocks|key|3232706|text|当我第一次读到你的问题时，我说不，这是不可能的，但后来我开始思考，我相信我找到了一种方法。它需要Javascript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3232707|首先，我们需要获取两个值，文档宽度和设备屏幕宽度。根据您的示例，分别为1000px和360px。|3232708|我们可以使用document.documentElement.clientWidth获取文档宽度(1000px)，使用window.screen.availWidth获取屏幕宽度(360px|offset|length|style|CODE|3232709|var+dw+=+document.documentElement.clientWidth;
var+sw+=+window.screen.availWidth;|code-block|syntax|javascript|3232710|一旦我们有了这两个值，我们就可以获得视口的scale|3232711|var+scale+=+dw/sw;|3232712|最后，我们将iframe的宽度设置为屏幕的宽度(360px)，然后将其放大到先前计算的scale。为此，我们使用CSS转换。|3232713|var+iframe+=+document.getElementById('theIframe');
iframe.style.width+=+dw+%2B+'px';
iframe.style.transform+=+'scale('+%2B+scale+%2B+')';|3232714|您仍然需要将iframe居中，以便它显示在您想要的位置。您可以对此使用iframe.style.transformOrigin+=+'0+0'，也可以使用translate(w/2,+h/2)或top:w/2;+height:h/2+(伪代码)等任何其他方法。|3232715|此外，对于某些设备，您可能需要使用浏览器前缀，即style.webkitTransform而不是style.transform。|3232716|要计算iframe的高度，您可以这样做|3232717|var+dh+=+document.documentElement.clientHeight;
iframe.style.height+=+(0.5+*+dh+/+scale)+%2B+'px';+//+percentage+based
//+or...
iframe.style.height+=+(600+/+scale)+%2B+'px';+//+pixel+based|3232718|这是假设你想使用50%25或600px的高度。|3232719|如果你需要我详细介绍，请让我知道，祝你好运！|3232720|entityMap^0|0|0|6|10|1N|O|0|0|L|5|0|0|17|5|0|0|Z|10|25|J|2P|J|0|O|L|1C|F|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1C|8|@$F|1D|G|1E|H|I]|$F|1F|G|1G|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1H|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1I|8|@$F|1J|G|1K|H|I]]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1M|8|@$F|1N|G|1O|H|I]]|9|@]|A|$]]|$1|U|3|V|5|L|7|1P|8|@]|9|@]|A|$M|N]]|$1|W|3|X|5|6|7|1Q|8|@$F|1R|G|1S|H|I]|$F|1T|G|1U|H|I]|$F|1V|G|1W|H|I]]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1X|8|@$F|1Y|G|1Z|H|I]|$F|20|G|21|H|I]]|9|@]|A|$]]|$1|10|3|11|5|6|7|22|8|@]|9|@]|A|$]]|$1|12|3|13|5|L|7|23|8|@]|9|@]|A|$M|N]]|$1|14|3|15|5|6|7|24|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|25|8|@]|9|@]|A|$]]|$1|18|3|-4|5|6|7|26|8|@]|9|@]|A|$]]]|19|$]]

<p>When I first read your question I said no, this isn't possible, but then I started thinking and I believe I found a way. It requieres Javascript.</p>

<p>First we need to get two values, the document width and the device screen width. As per your example 1000px and 360px respectively.</p>

<p>We can get the doc width (1000px) with <code>document.documentElement.clientWidth</code> and the screen width (360px) with <code>window.screen.availWidth</code></p>

<pre><code>var dw = document.documentElement.clientWidth;
var sw = window.screen.availWidth;
</code></pre>

<p>Once we have those two values, we can get the <code>scale</code> of the viewport</p>

<pre><code>var scale = dw/sw;
</code></pre>

<p>And last we set the width of the iframe to the width of the screen (360px) to then scale it up to the previously calculated <code>scale</code>. We use CSS transformations for this.</p>

<pre><code>var iframe = document.getElementById('theIframe');
iframe.style.width = dw + 'px';
iframe.style.transform = 'scale(' + scale + ')';
</code></pre>

<p>You still need to center the iframe so that it shows in the position you want. You can use <code>iframe.style.transformOrigin = '0 0'</code> for this or any other method like <code>translate(w/2, h/2)</code> or <code>top:w/2; height:h/2</code> (pseudo code).</p>

<p>Also, you might need to use browser prefixes for some devices, i.e. <code>style.webkitTransform</code> instead of <code>style.transform</code>.</p>

<p>To calculate the height of your iframe you could do</p>

<pre><code>var dh = document.documentElement.clientHeight;
iframe.style.height = (0.5 * dh / scale) + 'px'; // percentage based
// or...
iframe.style.height = (600 / scale) + 'px'; // pixel based
</code></pre>

<p>This is supposing you want use 50% or 600px for the height.</p>

<p>Let me know if you need me to elaborate more and good luck!</p>


blocks|key|3232817|text|实际上，您要查找的是iframe中的iframe。主html不会直接调用目标，而是使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3232818|<iframe+id="myviewport"+src="myviewport.html"+seamless+/>|code-block|syntax|javascript|3232819|例如，文件myviewport.html为：|offset|length|style|CODE|3232820|<html>
<head>
++++<meta+name="viewport"+content="width=1000,+initial-scale=1">
</head>
<body>
++++<iframe+src="http://target.example.com">
</body>
</html>|3232821|您拥有myviewport.html，因此您可以决定对其执行的操作-在示例中，我显示了一个预先设置的内容宽度，但您可以根据设备、目标页面等进行操作，而不会影响父文档的自动缩放。|3232822|entityMap^0|0|0|5|F|0|0|3|F|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

<p>What you actually look for is an iframe within iframe. The main html will not call the target directly but rather use:</p>

<pre><code>&lt;iframe id="myviewport" src="myviewport.html" seamless /&gt;
</code></pre>

<p>The file <code>myviewport.html</code> will be for example:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;meta name="viewport" content="width=1000, initial-scale=1"&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;iframe src="http://target.example.com"&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>You own <code>myviewport.html</code> so you can decide on the manipulations to perform on it - in the example I showed a pre-set content width but you can manipulate it according to the device, the target page, etc., without compromising the autoscaling of the parent document.</p>


<p>Before you mark this as duplicated, let me tell you that this is not about making an iframe rescalable, and I'm not expecting this kind of answers: <a href="https://stackoverflow.com/questions/17838607/making-an-iframe-responsive">Making an iframe responsive</a></p>

<p>My problem is easy to explain: I got a site without the <code>meta</code> viewport tag and a width of (lets say) 1000px. Therefore, when you load it in a mobile device, it rescales to fit the 360px width, and <strong>everything is very small</strong>.</p>

<p>Now, I perfectly know how to make an iframe to adjust to any width but the problem here is that the site being loaded will also be displayed with a width of 1000px even if this one has the <code>meta</code> viewport tag. Of course, everything in this iframe is shown very small as well.</p>

<p>Now the question: can I make the content of that iframe to be displayed at full width and yet <strong>obey not the width of the parent document but the width of the device</strong>. (obviously I don't want a small 360px iframe).</p>

<p>This may help you understand: <img src="https://i.stack.imgur.com/InAzH.jpg" alt="enter image description here"></p>

<p><strong>EDIT: Many people doesn't seem to understand this, so another way to explain it is this:</strong></p>

<ol>
<li><p>Pick any site that doesn't have the viewport tag</p></li>
<li><p>Paint a fixed frame on it</p></li>
<li><p>And try to make that iframe look like if it was opened on a new tab
(by default the iframe's viewport will be like 1000px, I'd like it to be the phone's viewport sizes)</p></li>
</ol>


Is it possible to load a responsive iframe within a non-responsive site?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在您将其标记为重复之前，让我告诉您，这并不是为了让iframe可重新扩展，我也不希望得到这样的答案：我的问题很容易解释:我得到了一个没有meta视口标记的站点，宽度为(比方说) 1000px。因此，当您将其加载到移动设备中时，它会重新缩放以适应360px的宽度，并且everything is very small。现在...

问是否可以在非响应式站点中加载响应式iframe？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在非响应式站点中加载响应式iframe？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以在非响应式站点中加载响应式iframe？
EN