1回答
我使用id选择器为iframe设置样式
<div class="text-center">
<iframe src="@Url.Content("~/HTML/slideView.html")" id="iframeStyle"
marginheight="0" marginwidth="0"></iframe>
</div>
和CSS：
@media screen and (max-width: 1199px
浏览 1提问于2016-10-30得票数 0
回答已采纳
1回答
移动设备的不同iframe
、、、、
我正在尝试将iframe添加到Wordpress页面。我想为桌面用户显示iframe A，为移动用户显示iframe B，因为有些元素在移动设备上不起作用，同时我不想失去桌面版本的功能。我对编码非常陌生，所以详细解释如何解决这个问题将是非常受欢迎的。
浏览 8提问于2021-01-27得票数 0
回答已采纳
2回答
我试图让这个嵌入负载达到200 of，而对于移动屏幕，加载高度为140 of。
<!DOCTYPE html>
<html>
<style type="text/css">
@media only screen and (max-device-width: 480px) {
.iframe {
height:140px;
}
}
</style>
<body style="margin:0px">
<iframe width="1
浏览 10提问于2016-10-18得票数 3
回答已采纳
2回答
在我的react应用程序中，我有一个加载了HTML文档的iframe，它的内容超过了1个页面。在按Ctrl+p时，我想分几页打印它，但打印预览只显示一页。 应该如何处理才能识别iframe的内容是多个A4页面？ chrome devtool中的DOM如下所示 <div class="article-container">
<iframe style="">#document
/* hundreds of <p> tags */
</iframe>
</div> react应用程序中的结构
浏览 60提问于2019-02-28得票数 1
2回答
所以我想在我的网站上嵌入youtube视频。下面的代码很好用，但是扩展到100%的响应宽度，这在移动上很好，但是在桌面上太大了。对如何设置最大尺寸有什么想法吗？谢谢!
<iframe title="YouTube video player" src="https://www.youtube.com/embed/XXXXXXXXX?loop=0&playlist=XXXXXXXXX" height="350" width="560" allowfullscreen="" allow="a
浏览 14提问于2022-05-22得票数 0
1回答
我可以根据窗口大小设置样式吗？
、、、、
我为iframe设置了一种风格，即youtube视频：
iframe {
width: 450px !important;
height: 253px !important;
}
但是，如果窗口被调整为小尺寸，那么左边的边缘就消失了，并且有空间容纳原始大小的iframe。当窗口调整大小时，是否可以使用iframe的原始大小？
浏览 0提问于2015-05-26得票数 1
回答已采纳
3回答
我只是坐在一些网页设计和思考“嘿，如果我们可以应用CSS媒体查询来阻止元素(即div，section等)，这不是很好吗？”
说真的，如果我们有这个功能的话，我们可以做一些非常漂亮的流体布局。在这篇文章中，我将使用一个简单的社交插件，我可以将它实现到我的页面上的任何一个边栏中，根据它的父div大小，它可以是流动性的。这很方便，所以无论是将小部件实现为500 in列还是300 in列，我都可以调整小部件的大小，这样我就不必为其实现的每个布局编写特定的样式表。
设计
>=500px <500px
________
浏览 7提问于2013-02-24得票数 8
回答已采纳
1回答
我正试图为一个WordPress网站设计一个paypal。我唯一的问题是我无法让我的风格真正发挥作用。他们甚至在检查的时候都没有出现在风格上。我只能对iframe元素进行样式化，但是没有任何内容。
代码是这样的
<iframe>
#document
<!doctype html>
<html>
<head>
</head>
<body>
//content
</body>
</html>
</ifra
浏览 1提问于2018-01-29得票数 0
回答已采纳
1回答
iframe是否可以识别其父网站的方向？目前，css媒体查询只适用于我的父站点。
我试图通过向我的iframe发送post消息并使用javascript更改链接的css文件来解决此问题：
父站点：
window.addEventListener("orientationchange", function(){
var iframe = document.getElementById("plan_iframe");
iframe.contentWindow.postMessage({orientation: window.orientation}, ifr
浏览 0提问于2013-05-15得票数 3
这是我的iframe代码
<iframe src="http://myurl.com" opacity="0" scrolling="no" margin-top="10px" marginwidth="0" marginheight="0" align="middle" frameborder="0" width="100%" height="215px"></iframe>
我只想在桌面和移动设备上使
浏览 0提问于2017-08-17得票数 0
我有一个iframe，它包含一个来自网站的视频流，src属性包括它的大小：
<iframe src="http://xxxxxxx.com/accounts/xxxxxx/events/xxxxxx/player?width=320&height=180 frameborder="0" scrolling="no"> </iframe>
我想随着视窗变得更大(比如移动设备的320px宽度和桌面的960px )，但当我通过CSS给它一个大小时，内容不会缩放到整个iframe，因为链接中的大小是错误的。
有什么想法吗，伙计们
浏览 2提问于2016-01-26得票数 0
1回答
Iframe firefox问题
、、、、
下面的页面有一个通过iframe加载的滑块，它在opera和chrome(都是最新的)中显示得很好，但在火狐(4)中似乎向右移动(4)我似乎弄不明白插入iframe的代码真的很简单
<iframe src="http://uliinternational.com/slider/index.htm" width="100%" height="500"></iframe>
我知道它与搜索框重叠(打算稍后修复)，我希望它与这里无关
浏览 0提问于2011-06-20得票数 0
回答已采纳
1回答
需要帮助使此页面响应
、、、
3天来，我一直在努力使我的联系人表单与嵌入在同一page.There中的iframe地图对齐，这是4个主要的div。(1) iframe报头(2) iframe位置(3)表单报头(4)形式位置：
<div class="iframeTitle">How to Find Us</div>
<div class="iframepos">
<div class="contactTitle">Contact Us</div>
<div class="form_pos">
浏览 3提问于2014-09-25得票数 1
回答已采纳
我正在为一个使用大量CSS规则的网站开发AB测试变体，我想知道是否有可能将他们经典的767 an视图媒体查询应用于惟一的div (类似于iframe行为)。
实际上，我们尝试添加第二个div来提供更多的信息，并且我们缩小了原来使用宽度的div的大小:100%。
我想做这样的事情：
<main>
<section>
<div class="Original_Div"> //Apply CSS like browser is 767px
</div>
<div class="New_Div">
浏览 7提问于2022-09-01得票数 0
2回答
我正在使用iframe和Bootstrap，它在<768px下没有响应，因为它离开了屏幕。
我的代码：
<div class="row">
<div class="col-md-12">
<div class="text-center">
<iframe src="http://www.emanueleferonato.com/wp-content/uploads/2015/07/wheel/" width = "458"
浏览 1提问于2018-01-18得票数 1
我一直在尝试设计一个我目前正在为uni工作的项目，但没有成功。我想让3个iframe显示在内联块中(比如i2旁边的i1，i3旁边).i知道我滥用了这些类，但我的大脑不会再接受它了。下面是我的html代码：
<section class="trailer">
<h2>Media</h2>
<article>
<h3>CHILDREN OF NOBODY - OFFICIAL TRAILER</h3>
<iframe src="videos/teaser.m
浏览 5提问于2019-11-05得票数 0
回答已采纳
我尝试将两个iframe元素并排居中，它们都占据了页面的一半(47.5%)，直到它们的最小宽度约为500px。我已经实现了这一点，但我想要这样做，当其中一个iframe达到500px时，它会将宽度更改为100%，这样当它们变得太小而无法并排时，它们将在另一个顶部居中。这样做的目标是在一个页面上有两个表单。
我试过使用媒体查询来解决这个问题，但从我在网上找到的信息和我自己的测试来看，媒体查询不能测试iframe元素的宽度，而是屏幕本身。
我已经使用这段CSS代码来尝试：
iframe {
width: 47.5%;
min-width: 500px;
margin: 0;
fl
浏览 3提问于2019-07-13得票数 0
2回答
有没有办法通过javascript改变网站的实际媒体查询？
我正在开发一个应用程序，包含在我的客户网站的iframe，谁重新计算身体的宽度，以放置一个面板在右侧。当调整浏览器的大小时，客户端的媒体查询将被调用并执行，而不考虑我的iframe，从而导致布局混乱。
您看到用javascript更改客户端媒体查询的方法了吗?这样我就可以保持布局干净了吗？
谢谢你的帮助！
浏览 0提问于2014-07-17得票数 0
回答已采纳
我有一个html页面，我在这个页面中插入了一个iframe。我对iframe的竞争对手有意见。在iframe显示有链接到任何网站的按钮，我希望该按钮不显示如何在CSS {display: none}中设置，而是如何在iframe按钮中没有检测到任何css规则来显示none。
帮助我CSS大师
浏览 0提问于2014-02-23得票数 1
回答已采纳
所有人，
我正在使用wordpress创建一个eCommerce网站并安装即时音视频聊天的插件。我想调整tidio聊天的位置(底部)，目前是0px，但我发现它正在使用iframe，我不能通过添加自定义css来更改它。
<iframe title="Tidio Chat" id="tidio-chat-iframe" style="display: block; border: none; position: fixed; width: 112px; height: 140px; opacity: 1; left: auto; right: 0px;
浏览 4提问于2019-01-26得票数 0
我正在我的项目中使用Bootstrap，并试图让iframe在移动设备上查看时调整大小。问题是它将@media (max-width:600px)中的属性应用于该站点的桌面版本，并且它看起来被压缩了。Width可以很好地工作，但是height-auto属性在桌面屏幕上不能很好地显示。
HTML：
<iframe src="./bootstrap-remake_files/9m056zu9yr.html" allowtransparency="true" frameborder="0" scrolling="no" cla
浏览 1提问于2014-11-06得票数 0
3回答
在Diveboard上，我们做了一个很好的photoswipe来支持视频
他们似乎是加载的，我们可以听到声音和没有图像…所以这是youtube电台，你可以在这里看到一个例子：
这让我更加一无所知..。
任何提示都将被删除
iframe代码非常简单：
<iframe width='#{width}' height='#{height}' src='http://www.youtube.com/embed/#{matchdata}?wmode=opaque&autoplay=1' frameborder='0' all
浏览 0提问于2012-03-22得票数 4
回答已采纳
1回答
我正在构建一个所见即所得，其中我有一个需要应用content.css的iframe。
content.css：(将应用于iframe (src：./content/home.php))
#content h4
{
font-size:30px;
color:brown;
text-shadow: 1px 1px #000000;
text-align:center;
}
网址: editpage.php: // wisywig
<iframe id="content" src="./content/home.php"></iframe&
浏览 0提问于2012-11-30得票数 0
回答已采纳
让我说我有一个代码
<input type='text' />
<br />
<iframe>
<input type='text'>
</iframe>
还有一种风格
input[type='text'] {
border: 1px solid black;
}
我希望这些样式只适用于iframe之外的元素。我怎样才能做到这一点？我实际上是在看css :not选择器，但我对如何使用它感到困惑。我想实现这样的目标
input[type='text'], i
浏览 5提问于2016-04-25得票数 0
1回答
我有一个HTML页面，我想要使用iframe呈现到另一个页面(这两个页面在开发中运行在同一站点上)。我成功地使用iframe链接了页面，但现在页面显示在iframe中，没有样式。会有什么问题呢？
浏览 50提问于2021-07-18得票数 0
给定以下链接标记：
<link rel="stylesheet" href="xlarge.css" media="max-width: 70em" />
<link rel="stylesheet" href="large.css" media="max-width: 60em" />
<link rel="stylesheet" href="medium.css" media="max-width: 50em" /&g
浏览 1提问于2012-12-24得票数 4
回答已采纳
是否可以从带框架的页面检测iframe的高度和宽度，并根据它设置缩放，以便页面适合iframe的内容100宽度。
例如，我有一个页面，它的min。宽度是960px，但是有人想在没有滚动条的690px宽度的iframe中显示我的页面。
我如何检测到这一点，并根据它缩放内容，这样人们就可以看到整个页面，但缩放得更小？
浏览 0提问于2013-02-21得票数 1
回答已采纳
有人知道如何直接格式化recurly.js生成的输入字段吗？它通过iframes将输入字段注入页面。他们的文档给出了在iframe周围添加div或span(不管您使用什么)的类，但是它们的样式已经加载在iframe中，我不知道如何覆盖它们。
谢谢!
浏览 2提问于2016-05-12得票数 1
回答已采纳
4回答
我在上读到了关于它们的文章，但我觉得它解释得不够好。我也不能让他们的例子随着我的屏幕尺寸而改变。我尝试过Safari，FF，Chrome。
这是一个还没有准备好实现的特性吗？
如果我想在浏览器窗口宽度小于1024px时调整某些样式。我该怎么做呢？
浏览 14提问于2010-09-01得票数 7
回答已采纳
我有一个网页，我在一个弹出式窗口中显示账单信息。此弹出窗口是DIV，而不是新窗口。在弹出窗口中有两个div，一个是按住print和close按钮，另一个是按住iframe。
原因是当单击print按钮时，将打印iframe的内容，因此不会打印print和close按钮。就像..。
<div id='popupandcenterscreen'>
<div>... print and close buttons</div>
<div><iframe></div>
</div>
因此，它是一个列表，其
浏览 0提问于2010-08-10得票数 0
回答已采纳
由于某种原因，我的iframe高度受到限制，无论我是在CSS中还是在标签中设置它。我不确定这一切是怎么回事，搜索也没有显示任何信息。我不确定现在该怎么做，可能需要放弃嵌入。此外，当我强制容器到960px (视频的高度)时，它会得到一个没有定义溢出选项的滚动条。真奇怪。
<div class="left-large-box">
<div class="large-box">
<div cla
浏览 0提问于2013-04-30得票数 0
回答已采纳
1回答
我在一个div中创建了一个iframe，但我似乎无法让它在iPad上滚动(用1个或2个手指)。它在iPhone上运行良好，但仅当处于横向模式时。
iframe在div中设置为高度和宽度为100%，div设置为overflow-y: auto和overflow-x: hidden。
作为参考，该网站为。
谁能让我知道我做错了什么？
谢谢，坎贝尔
浏览 0提问于2012-11-10得票数 4
我有一个内容编辑器，使用这个编辑器，我希望用户能够保存到外部域的链接，并将其显示为iframe。
iframe出现了，但是当我尝试将CSS规则应用于iframe (不是iframe中的内容，标签本身)时，无论我做什么，它都不起作用，规则甚至不会出现在开发人员控制台中。我在同一张纸上有更多的规则，它们工作得很好。
目前我有以下css：
iframe, .ql-video {
height: 500px !important;
width: 300px !important;
}
这是我正在测试的iframe：
<iframe class="ql-video" fra
浏览 66提问于2018-07-19得票数 1
回答已采纳
我正在寻找一种方法来使用相同的样式表的打印媒体作为默认的屏幕布局。这对我的好处是，我不必每次更新CSS时都要更新2个文件。我更喜欢有一个样式表，并通过以某种方式表示…来指定打印媒体的特殊规则这可能是不可能的，但我想我应该把这个问题放在那里。
浏览 0提问于2009-07-26得票数 8
回答已采纳
我有4个页面的iframe返回以下错误2.4.7焦点可见突出显示元素。虽然它没有特别说明有关iframe的任何内容，但只有存在此问题的页面才有iframe。我已经附加了唯一与iframe和iframe本身相关的CSS。
希望有人能洞察WCAG到底不喜欢什么。
<style>
.yt-frame {height: 270px;width: 100%;}
iframe {border: 1px solid black;}
</style>
<iframe src="https://www.youtube.com/embed/VIDEOID?html5=1&a
浏览 0提问于2017-04-12得票数 0
1回答
此问题完全发生在<iframe>中
CSS如下所示
*{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.page{position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden}
我的.page样式正在应用于<iframe>中的所有内容，即使它们应该只应用于.page类元素
如果我使用chrome网页检查器编辑<style>标签，并在-webkit-touch-callout后面放一个空
浏览 2提问于2015-05-27得票数 0
3回答
以下是网站：
我想在移动视图中隐藏一些导航箭头。
这里是HTML.
<div id="nav_arrow">
<a href="index.html"><img src="images/icons/arrow_left.png" width="60" height="44"></a>
</div>
这里是CSS.
#nav_arrow { display: none; }
媒体查询似乎已正确键入。当手机(iPhone 5)垂直保持时，这种样式可以
浏览 3提问于2013-07-03得票数 1
回答已采纳
2回答
我有一个Html页面，其中有锚标签，我需要删除某些样式已经应用在html页面中的锚标签，而html页是打开抛出Iframe。
HTML内容如下：
<html>
<body>
<div>some content<a href="http://www.website.com" name="test1"/> some content </div>
</body>
</html>
我尝试了如下：
a[name^="test1"]:before{
c
浏览 6提问于2015-07-01得票数 2
2回答
当我使用以下代码在我的移动网站中嵌入youtube视频时：
<iframe width="60" height="40" src="http://www.youtube.com/embed/JW5meKfy3fY?controls=0&showinfo=0&showsearch=0&modestbranding=1"></iframe>
我的iPhone网页视图中的拇指显示如下：
点击后，视频开始正常播放，当关闭电影时，拇指显示如下：
当页面加载时，有没有办法像第二张图片一样显示拇指？
浏览 2提问于2012-04-27得票数 0
1回答
目前我的样式表如下：
<link rel="stylesheet" media="print" href="css/print.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
有没有办法强制style.css只显示在显示器上，并且强制打印只显示在打印材料上？我正在尝试制作一个便于打印的页面，但要覆盖style.css中的大量规则需要花费很
浏览 2提问于2011-04-11得票数 0
回答已采纳
1回答
我有一个嵌入在网页上的视频。视频下面有一个标题，包装在h2头标记中。视频下面还有一个用P标签包装的文本。我已经使视频响应式，以便用户可以查看视频使用他们的手机。但是，我不知道如何使标题标签和段落标签具有响应性。h1标签对于手机大小来说太大了。根据屏幕的宽度，我想要小一点的字体。如何使视频下的文本具有响应性。
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Responsive design</title>
<link type="text/css" rel=&#
浏览 12提问于2016-09-11得票数 0
回答已采纳
1回答
我需要使用由JS计算的一些数据(例如:窗口大小)作为某些HTML元素的css属性。为了避免由于布局变化而闪烁窗口，我不能使用document.onready。实际上，当DOM元素添加到DOM树时，我需要触发JS函数。
我尝试过使用事件，但它似乎只为添加了JavaScript后加载的HTML代码的元素触发。
我需要的是改变标签，是在原来的HTML源代码中显示的页面。因此，现在我只是在必须更改的标记的JavaScript代码之后内联JS，但是有什么方法可以做到这一点，而无需在每个这样的标记之后内联JS。类似于DOMNodeInserted的内容，但在呈现原始HTML时触发。或者，我如何做到这一点?
浏览 2提问于2012-01-26得票数 1
回答已采纳
1回答
我为iPhone 4/4S、iPhone 5/5S、iPhone 6和iPhone 6Plus编写了媒体查询。代码如下：
/*For iPhone 4/4S*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation: portrait){ /*my styles here */ }
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (o
浏览 1提问于2015-06-25得票数 0
不知道有多少人使用它，但我注意到我使用Azure Media Service视频的唯一(免费)选择是使用他们自己的播放器。(欢迎对其他在各种浏览器中工作的玩家提出建议)
然而，我注意到了一些问题：
按照他们的例子(，尝试了JS和HTML5版本)，我注意到页面总是显示丑陋的play按钮覆盖--我们可以隐藏这个play按钮或者让它看起来更好吗？
而且，看起来视频总是默认为300x150px，即使我设置了视频标签的大小。任何方式，我可以使视频适合它的父母的宽度和调整大小时，它的父大小？(假设我们只有16:9的视频，希望不用JS)
谢谢!
浏览 0提问于2015-12-06得票数 1
回答已采纳
1回答
IE： Chrome：
php代码：
echo"<div id='anamain'>";
echo"<iframe frameborder=0 scrolling=yes width=100% height=100% src='duello.php'></iframe>";
echo"</div>";
css代码：
#anamain
{
position:absolute;
background-color:#f2f2f2;
left:25%;
浏览 0提问于2012-08-17得票数 1
回答已采纳
我在wordpress中使用iframe，但是iframe中的页面不支持wordpress功能。iframe内部的页面来自同一个域。
这里是我要做的：，我试图通过wordpress函数在iframe页面中调用css。下面是我如何使用iframe标记：
<iframe id="iframeBox" src="<?php echo get_template_directory_uri();?>/iframe/scoreboard_summary.php" sandbox="" FRAMEBORDER="no" >
浏览 1提问于2014-03-16得票数 0
2回答
我需要创建固定(绝对)位置的iframe。我用
<iframe src="http://www.whatismyreferer.com" width="300" height="300" style="position: fixed; left: 100; top: 10"></iframe>
但它不起作用:(我的iframe显示样式为“左”和“顶”为0。
那么，问题是如何创建在页面上固定位置的iframe，并正确地设置左和顶参数？
致以问候！
浏览 1提问于2013-08-21得票数 1
回答已采纳
2回答
我知道iframe不能继承“主”网页的css样式，但如果是这样的话，我会感到困惑。我有一个主页，其背景是纯黑色，白色文本。iframe没有指定背景颜色，但它是黑色的，与主页相同。但是，如果我希望使用主页面中的其他css属性，则必须为iframe单独定义它们。为什么会这样呢？
浏览 2提问于2014-06-10得票数 3
回答已采纳
我无法让CSS生成的内容对iframe元素起作用：
iframe::after {content: 'example';}
iframe::before {content: 'example';}
有没有人有一个实际有效的解决方案？提前谢谢。
浏览 22提问于2010-09-15得票数 19
回答已采纳
我在我的自定义css中使用bootstrap。问题是，我的自定义css的一些样式只有在我用浏览器缩小我的网站后才会应用，它适应较小的浏览器大小，并应用我的自定义css，当网站是全尺寸时，同样的css剂量也适用。
我上传了一张照片。您可以看到右侧的文本是如何设置样式的。这也发生在菜单项上，但奇怪的是，在某些地方，它在缩小页面之前和之后正常工作，例如，查看登录和联系人表单背景中的图片，它是我的自定义css渐变，它在这两种情况下都可以工作，按钮也工作正常。你能帮我解释一下这是怎么回事吗？
顺便说一句，我不知道它在这种情况下是否重要，但我在这里使用的是joomla 2.5
浏览 2提问于2013-05-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
