在iframe上更改宽度就是在裁剪它们
。
在前端开发中，iframe（内联框架）是一种HTML元素，用于在当前网页中嵌入另一个网页。通过设置iframe的宽度属性，可以改变其显示的宽度，从而实现对其内容的裁剪。
裁剪iframe的宽度可以通过以下步骤实现：
- 在HTML中创建一个iframe元素，并设置其src属性为要嵌入的网页地址。
- 在HTML中创建一个iframe元素，并设置其src属性为要嵌入的网页地址。
- 使用CSS样式来设置iframe的宽度。
- 使用CSS样式来设置iframe的宽度。
- 通过修改CSS样式中的宽度属性，可以动态地改变iframe的宽度。
- 通过修改CSS样式中的宽度属性，可以动态地改变iframe的宽度。
通过裁剪iframe的宽度，可以实现对嵌入网页的显示区域进行控制，适应不同的布局需求。例如，当需要在一个页面中显示一个较小的网页内容块时，可以通过设置iframe的宽度来裁剪显示区域，使其符合设计要求。
腾讯云相关产品中，与前端开发和iframe相关的产品包括云服务器（CVM）、云存储（COS）和内容分发网络（CDN）。这些产品可以提供稳定的服务器环境、高效的存储和快速的内容分发，以支持前端开发中的网页嵌入和裁剪需求。
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，可用于托管网页和应用程序。 产品介绍链接：腾讯云服务器（CVM）
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，可用于存储和管理网页中的静态资源。 产品介绍链接：腾讯云对象存储（COS）
- 腾讯云内容分发网络（CDN）：提供全球加速的内容分发服务，可加速网页和媒体资源的传输，提升用户访问体验。 产品介绍链接：腾讯云内容分发网络（CDN）
通过使用腾讯云的相关产品，开发人员可以更好地支持和优化前端开发中的iframe裁剪需求，提供稳定、高效的网页嵌入体验。
相关·内容
1回答
是的，我知道没有人喜欢iframe，但这是一个场景。我有一个客户，他的网站是他永远不会改变的。他的页面有一个宽680px，高600px的iframe。他目前在其中嵌入了一个宽度为950px的网站。
我想知道的是，是否有一种方法(我已经到处搜索过了)可以自动将网站设置为适合iframe框？
我可以访问子站点，但不能访问父站点，但我的客户实际上知道一些html/css，因此我可以在我的服务器上构建一个测试链接，并将代码(如果他需要的话)发送给他，以应用于他的一端。
提前谢谢。
浏览 0提问于2012-08-17得票数 1
1回答
我目前正在开发一个主题，在我的主题youtube视频嵌入和其他视频嵌入没有真正的反应。我找到了这么多的帖子，如何使iframe响应插件。但我需要创建我的主题响应视频嵌入默认没有任何插件。
特别是在youtube嵌入，背景图像放大和裁剪。在youtube上看上去不像。
有没有任何方法使iframes响应没有任何插件？
浏览 0提问于2021-01-31得票数 1
使用羽毛灯jQuery插件和设置文本作为我的灯箱的内容，我的灯箱的宽度大约是屏幕的80%：。但是，如果我用YouTube iframe替换文本，则光照盒的宽度将减少到500 to左右，并裁剪视频。
代码：
<a id='open_lightbox' data-featherlight='.lightbox_content' href='#'>open lightbox</a>
<div class='lightbox_content'>
<iframe width="128
浏览 4提问于2015-10-09得票数 3
回答已采纳
2回答
我的客户有一个wordpress站点，其中一个页面通过iframe嵌入了一个地图：
<iframe
src="http://maps.google.com/maps?q=16162+Beach+Boulevard+%23100,+Huntington+Beach&hl=en&pcsi=2051297199499108728,1&geocode=FUCmAgIdBaP3-A&sll=33.728064,-117.988603&sspn=0.006295,0.006295&ie=
浏览 2提问于2013-02-06得票数 2
我试图隐藏基于落入IFrame标记的IFrame中显示的内容的某些元素。我有控制的基本页面和页面在IFrame中显示的CSS (他们确实运行在不同的域)。我认为我应该能够在IFrame内容的超文本标记语言中定义一个样式表规则，该规则仅在元素如下例所示时才适用，但它不起作用。这是可能的吗?如果可能，我做错了什么？
<style>
iframe div.header
{
display:none;
}
</style>
编辑:为了清楚起见，我尝试仅当页面在iFrame中时才应用样式。主要的问题是，当我们在一个网站中显示另一个网站的内容时，我希望隐藏页眉和页脚。对我
浏览 0提问于2013-05-23得票数 0
回答已采纳
1回答
我一直在摆弄我在这里找到的许多信息，以便在youtube视频上覆盖一个透明的电视PNG，并成功地使其在桌面上工作。然而，在移动设备上观看时，我无法使其正确对齐(这将是主要的收视率)。有没有办法根据使用的设备强制不同的CSS值？
#panel {
position: relative;
width: auto;
height: 625px;
overflow: hidden;
}
#panel-tv {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background
浏览 1提问于2020-09-01得票数 0
1回答
允许您为按钮本身及其相关内容设置宽度(例如，喜欢的数量)。但是，我在文档中没有看到任何选项来控制在单击“喜欢”按钮后出现的注释框的宽度：
我是错过了选择，还是没有办法去做？我可以使用CSS覆盖包含注释框的<iframe>的宽度，但这不会改变<iframe>内容的宽度，因此它们会溢出并被裁剪。我也不能更改注释框中的任何样式，因为它是在不同的域中托管的。
更新：
不知道为什么这个问题被低估了--如果我的问题有问题，请发表评论。
注释框的内容绝对不能通过JavaScript或CSS访问。它是在一个<iframe>中创建的，它排除了来自父文档的CSS样式，并且托
浏览 3提问于2012-02-22得票数 4
1回答
我正试图在我的博客中嵌入某人的博客(得到他们的许可)。我正在用iframe做这件事，而且也只想在他的博客中剪切一部分。我找到了一些代码，这些代码删除了静态页面上的一些元素(以腾出更多空间)，我希望在其中嵌入他的博客，以及如何在iframe中移动他的博客，以便将其裁剪到我想要的位置。
我现在唯一的问题是，我希望在我的博客的主包装中出现我正在剪切的部分，这样它看起来就更完整了。如果你看看我博客的测试页面，你就会明白我的意思.
damianp1.blogspot.co.uk
主包装器(如果是这样的话)漂浮在iframe上面。
这是我用来做上述的html ..。
<style type="
浏览 0提问于2013-06-30得票数 0
我遇到了一个问题，在用户点击like按钮后拉到墙上的图像会被裁剪。请参阅图像链接：
下面是我的iFrame代码：
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fmysite.org&send=false&layout=box_count&width=450&show_faces=false&action=recommend&colorscheme=light&font&a
浏览 1提问于2012-06-12得票数 1
3回答
全,
在一个中心布局(960px宽度；边距:0 auto;)中，我有两个菜单栏，一个向左，另一个向右，在这两个菜单栏下面我都要浮动一个iframe。
不幸的是，它似乎没有浮动。iframe移动到视图的最左边可用空间。不幸的是，我不能使用绝对定位，因为布局是中心的&有最大值。宽度为960 of
有办法让这件事发生吗？
编辑：除了注释(我很感激)之外，下面是代码。
HTML：
<iframe id="iframing" src="mannequin.html" width="640" height="500" f
浏览 3提问于2011-02-01得票数 2
回答已采纳
2回答
如果我使用这段超文本标记语言代码，我如何从iFrame中改变Size？
<li><a class="fancybox fancybox.iframe" href="http://holy-network.com/v4d/index.php?action=logout">Iframe</a></li>
浏览 0提问于2012-01-03得票数 0
这是为布局母版准备的。
如何使用HTML5/CSS/JS创建具有响应性的布局，并将背景图像分割为3个不同的部分？
我有3个不同的图像，我想加入他们创建一个动态的背景作为羊皮纸样式(请参阅所附的参考图像)。因此，我将有一个固定的标题，一个动态的中间部分，我可以写我的HTML文本的任何大小和一个固定的尾部图像。
无论解决方案是否将使用背景，div，iframe等。任何可以解决这个难题的建议都是受欢迎的！
干杯,
大卫
浏览 1提问于2015-10-15得票数 0
1回答
我在网页上有这样的代码：
function Room333(dis,www){
var content = '<a id="showRtb" href="#"><div style="position: fixed;text-align:center;left: 0px;width: 250px;height: 100px;bottom: 0px;z-index: 9999999;/* background: #fff; */background-image: url("http://i.imgur.com
浏览 2提问于2016-04-01得票数 0
回答已采纳
我正在为一家公司做一些东西，他们要求我做一个iframe，当调整大小(只有高度)时，调整身体大小以查看完整的iframe。
iframe包含一个表单，在您完成它之后，iframe的更改为自己添加了一个表单的再现，一个图像.
我已经尝试使onclick，onchange和onresize事件，使用DOM和jQuery，更改iframe的高度和包含它的div，更改iframe和body /文档的高度，使用setInterval将iframe的高度添加到身体高度.我不能使用第三方图书馆，公司的决定。
HTML：
<iframe id="iframeCenter" src=
浏览 0提问于2019-04-04得票数 1
回答已采纳
2回答
我有一个顶级导航器，在导航器下面有一个iframe来加载内容。布局有点像
<body>
<div style="text-align:middle">
<div id="nav"></div>
<iframe></iframe>
</div>
</body>
导航器设置为固定宽度，以匹配iframe内容的宽度，该宽度不是全屏宽度。以便导航器和iframe在两边对齐。
但是，当iframe的高度超过屏幕时，iframe的垂直滚动条就会出现，iframe变
浏览 2提问于2016-06-29得票数 0
回答已采纳
如何在HTML中裁剪这个视频，我应该把什么放在CSS中？
<h3>Nepal vs Indonesia</h3>
<section class="videos">
<iframe width="560" height="315"
src="https://www.media.gov.kw/LiveTV.aspx?PanChannel=KTVSports"
frameborder="0" allowfullscreen></if
浏览 11提问于2022-06-14得票数 -1
1回答
全,
我在iframe中有一个SVG图像，我正在使用viewbox将其放大。但是，当图像对于viewbox而言变得太大时，浏览器不会显示滚动条。我以为浏览器(Firefox3.5和Chrome7.0测试)会自动显示滚动条，但事实似乎并非如此。据我所知，没有办法在放大模式下查看整个SVG图像。
有谁知道如何在iframe中添加滚动条功能，这样无论我们将SVG图像做得多大，我们都可以看到滚动条来导航和查看图像？
非常感谢，
浏览 2提问于2011-01-12得票数 2
回答已采纳
我一直在构建一个angular应用程序，它加载一个“预览”屏幕，其中包含嵌入在iframe中的第二个网页。当在应用程序中进行更改时，我要求刷新iFrame以显示更改。在Internet Explorer之外的任何浏览器中，iFrame将在不缓存内容的情况下重新加载。在IE11中，iframe将从缓存中加载源。我尝试了两种方法来刷新iframe (从包含iFrame的组件)： 模板HTML： <div>
<iframe *ngIf="iFrameUrl" id="preview-Iframe" [src]="iFrameUrl
浏览 26提问于2019-01-15得票数 1
1回答
我试图使用Iframe在我的网站上显示完整的网页，代码如下：
<iframe name="demo" src="http://healthcoach.ancorathemes.com/"; style='height: 100%;
width: 100%;' frameborder="0" scrolling="yes" id="iframe">...</iframe>
这在桌面浏览器上很好，但在移动设备上工作，不会调整大小，并且仍然显示桌面版本。这个特定的网站是响应的顺便
浏览 1提问于2016-12-22得票数 1
我试图在iframe中加载一个页面，但是我只想将页面的一个特定部分显示到iframe中。我找到了这个解决办法：
<iframe src="https://example.com" height="500" width="900" style="position: relative; left: -10%; top: -15%"></iframe>
它从左边和顶部对页面中不需要的部分进行裁剪，但是我如何能够同时裁剪页面的底部和右侧呢？这样我就能把这页的四面都剪掉了？
浏览 3提问于2021-06-03得票数 0
回答已采纳
在facebook社交插件的iframe中删除like-box head中的‘Sign up’链接，并将iframe的宽度增加为width :100% (百分比)，因为它现在只能增加像素。
浏览 1提问于2011-09-06得票数 1
我还没能让变异观察者在iframe中处理文档。我的主文档包含多个与主文档具有相同来源的iframe。我已经在主文档上添加了突变观察器，但是当文档中有dom更改时，突变观察器不会触发。当我为每个文档显式地为主文档中的每个iframe添加突变观察器时，它会触发。
因此，我想知道，当突变观察器被添加到托管iframe的主html文档中时，突变观察器是否可以监视使用iframe对文档dom所做的更改？请帮帮忙
浏览 3提问于2017-03-12得票数 1
1回答
我正在尝试用Google脚本实现交互式页面。我已经在UI侧边栏中成功地打开了一个文档，但是侧栏的维度使得它很难使用：
如何使嵌入的侧边栏页面更具吸引力/更易于使用？
我的Google文档在这里：
Gode.gs
var TITLE = 'Sidebar Title';
//Here is the code.gs code:
function onOpen() {
var ui = DocumentApp.getUi();
ui.createMenu('==Sidebar==')
浏览 0提问于2018-06-27得票数 0
我正在对一个页面(不是同一个域)进行iframe，将iframe定位到页面的特定元素(移动页边距顶部)，然后使用scale的css特性缩放到该元素。
我使用下面的代码来完成：
iframe {
-webkit-transform: scale(40.75);
margin-top: -2525px;
}
但是，当我尝试在不同于测试页面的移动设备上查看页面时，我得到了不同的结果。
有没有一种方法可以在不同的移动设备上显示相同的iframe点，而不需要更改每个设备的每个边距？
浏览 2提问于2016-06-14得票数 0
1回答
水平地居中
、、
这段代码有效地集中了iframes，但是在它们的上，边缘不是它们的中心。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Videos</title>
<style>
div.center {
width: 200px;
浏览 2提问于2013-06-15得票数 4
回答已采纳
我使用的是Rmarkdown格式的revealjs_presentation格式，我希望包含一个由leaflet创建的html小部件。我天真地尝试将其包含在幻灯片中，因为我知道reveal.js css和传单之间可能会有冲突，情况就是这样。正如你在下面的截图中所看到的，在我的传单地图上有一些未知的黑线。
---
title: "Untitled"
output:
revealjs::revealjs_presentation:
self_contained: false
---
## Slide with a widget
```{r, echo=FALSE}
浏览 2提问于2019-10-04得票数 2
我使用的iframe目前是642px x 460px。我已经将iframe嵌入到我的网站中，但无法将iframe的大小更改为920px x 560px。我只是想知道是否有某种类型的“包装器”可以用来覆盖这个iframe固定的大小。
来源-
Iframe - src="“scrolling="no”allowtransparency="no“frameborder="0”width="642“height="460">
谢谢，马蒂
浏览 2提问于2019-08-21得票数 0
1回答
如果我从我的webBrowser中获取一个IFRAME elemenet并将其转换为位图，是否可以？IFRAME使用指向动态图像的src属性。
通常，当我想要对IMG元素执行此操作时，我会将其复制到剪贴板IHTMLControlRange，然后从那里将其转换为位图。
这似乎不适用于IFRAME，有人有解决方案吗？
浏览 2提问于2012-04-06得票数 0
Figma可以使用拖放来裁剪图片，但是很难得到具体的大小？该怎么做呢？ 这里有一张演示图片来说明我的问题。 ?
浏览 2171提问于2020-10-14得票数 0
2回答
我在我的几个网站上有一个顶栏，它是通过iframe显示的，但是在移动设备上看起来很糟糕，所以我想知道如果屏幕小于某个尺寸，我是否可以将它放在div中，然后通过css显示none来定位div。
理想的做法是在桌面上显示一个iframe，在移动设备上显示另一个。
我的想法是这样的：
@media only screen and (max-device-width : 320px)
#div {display:none;}
我完全不知道如何用不同的源显示iframe，这对我来说是最理想的解决方案。
希望你们能帮助我
浏览 1提问于2014-01-10得票数 0
我已经阅读了很多帖子，并尝试了所有方法来使iframe响应并保持16:9的比率……这不是很糟糕，但视频仍然在youtube的框架中被裁剪。 bootstrap 5的诀窍是什么？ <div class="embed-responsive embed-responsive-16by9" style="width:800px; height:450px">
<iframe class="embed-responsive" title="YouTube video player" src="{{ $
浏览 74提问于2021-07-10得票数 2
2回答
在提交表单时，我试图更改<iframe>背景，但我很难让它开始工作。
这是我的示例HTML代码。我不能篡改它，因为那样的话，<iframe>将来自另一个网址，而且因为iframe的跨源限制将根本不起作用。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("myframe").contentDocument.body.style.background = "red
浏览 2提问于2014-12-09得票数 0
回答已采纳
1回答
如何防止图表在调整大小时裁剪，但只需更改它的viewport
我觉得很难解释，所以如果需要更多的解释，请告诉我。
第一个屏幕截图上的图表看上去不错，它们之间有一个“正常的间距”，而且没有裁剪条形，这个有1000 on的宽度。
在第二张截图中，图表只有300 is宽，烛台变成了“裁剪”。
相反，我只想更改视口，这样就不会裁剪条形，并且总是大小相同。只有日期范围(查看端口)更改..。你可以在更宽的图表上看到更多的条子，但这并不意味着条子本身应该生长或缩小。
我用简单的算法试过，但很容易出错。
let parentW = this._elementRef.nativeElement.pa
浏览 3提问于2017-01-14得票数 1
回答已采纳
3回答
我有一个不同大小的图片画廊。有什么解决方案可以在展示期间裁剪它们吗？我曾尝试设置样式高度: xxxpx，但它看起来很糟糕(宽度也是如此)。这张图片是从其他网站上展示的，所以我不能直接下载并裁剪：
浏览 0提问于2012-02-27得票数 1
回答已采纳
我正在使用Google Photos为我管理的网站托管照片，并通过GraphQL和Gastby (gatsby图像插件)访问它们。
图片显示在图片库中，但打开在一个灯箱图片库滑块-我使用的是FancyApps/ui (v4.x)。无论如何，图像的最大大小是源集的最大大小(即512 of )。这意味着在大屏幕上，全屏图像看起来很小(只有512 on宽)。您可以在屏幕上看到这些值-抓取下面：
"original": {
"width": 512,
"height": 341
}
原始图像为1200 by宽度，由媒体元数据确认：
"me
浏览 8提问于2022-11-05得票数 0
回答已采纳
1回答
我使用fancybox 3在iframe中显示页面(第A页)。在本地服务器(运行在Chrome中)上，这是非常有效的；然而，在线上却没有-- iframe变得非常狭窄，快速检查显示Chrome将fancybox内容宽度注册为0。(它在Safari中运行良好。)
当我从页面A中的一个SVG中提取“边距-左”样式时，iframe将再次正常出现。然而，这并不是一个可行的解决方案，因为页面A内容在没有边距左样式的情况下无法正确显示。
的那一页令人不快；这个盒子是左边的第一个(“不断增长的书架”)。在iframe中看到的是。
我已经尝试过的事情：
基于这篇文章和许多其他文章，同时使用CSS和Java
浏览 1提问于2018-03-17得票数 1
我想让它一些的按钮在MenuStrip上与MenuStrip的右边对齐。例如，将注意力集中在菜单条的右侧，并将焦点放在菜单条的右侧：
如果我将menu的LayoutStyle设置为StackWithOverFlow，则可以使其工作，但如果窗口大小减小，则菜单项将被裁剪：
如何才能使菜单项与设置为Flow的MenuStrip LayoutStyle对齐？这样，当表单大小减小时，菜单项会转到下一行？
另外，当MenuStrip为更多的菜单项创建一个新的行时，如何使其他控件被向下推一点呢？
浏览 4提问于2015-11-03得票数 2
回答已采纳
1回答
第一次在这里贴海报。
简而言之，我试图在Iframe中显示一个网站。我希望iframe显示整个网站的屏幕。我做到这一点的唯一方法是调整容器的大小。
我可以简单地缩小iframe吗？
希望我已经解释得足够清楚了。
.gridgames {
height: auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-gap: 10px;
margin: 2rem;
}
.game {
display: flex;
flex-direction: col
浏览 3提问于2021-11-11得票数 1
我和scrolling=yes有个iframe。有没有可能完全隐藏滚动条使用CSS的Mozilla FireFox浏览器？
例如，在it浏览器上，我使用了: Overflow-x:隐藏；Overflow-y:隐藏；-它隐藏了滚动条，但FireFox忽略了这个CSS。
这是IE的截图：
以下是来自FireFox的屏幕截图：
我忘了说我把CSS放在了iframe里面，就像这个<style>body { overflow:hidden; }</style>一样。我不能像<iframe class="...">那样把类放到iframe本身
Ifr
浏览 0提问于2010-05-21得票数 4
回答已采纳
我以这种方式在我的视图中显示视频
<iframe frameborder="0" scrolling="no" src="http://myUrlHere" width="340" height="220">
</iframe>
问题是，当列表中有一些长视频时，我的浏览器会在一段时间内冻结。
我在IE8和火狐上试了一下，结果都是一样的。
有什么想法吗？
浏览 1提问于2013-02-05得票数 0
回答已采纳
我正在制作一个功能，为我们的用户公开iframe代码，可以使用它将视频嵌入到他们的站点上，并希望像youtube那样这样做。
问题是，在大多数情况下，youtube为我生成的iframe大小是560x315。但有时，它是1280x720。那么youtube是如何决定将生成的iframe大小的呢？取决于分辨率或屏幕大小什么的。
浏览 3提问于2022-09-14得票数 0
1回答
我从上周开始与Woocommerce合作，并为在线商店上传产品组合。我面临的问题是，尽管Woocommerce的设置要求产品的特征图像具有300×300 px分辨率的1x1配给作物，但对于两个不同的产品，我有两个不同大小的特写图像：
450x450 -
450x300 -
两个问题：
我该怎么做才能使缩略图变得均匀？
我在哪里可以控制照片的尺寸而不是剪裁它们？我有相同的大小和分辨率的照片，我想使用这些照片，没有不必要的裁剪，所以基本上保持他们的配给，如我在第二个例子(450x300px)。
谢谢
浏览 2提问于2014-05-10得票数 0
回答已采纳
我正在尝试用jquery修复tumblr自定义主题/布局。现在，它正在调用700px宽的iframe。理想情况下，我希望iframe的宽度为540px，高度可变。(高度根据网格中垂直的图像数量而变化，但图像宽度保持不变)。
window.onload = function() {
$('iframe.photoset').contents().find('.photoset_row').attr("style", "max-width:540px; margin-bottom: -4px; margin-left: 4px; ov
浏览 2提问于2014-11-28得票数 1
1回答
我们有一个生成报告的Java servlet。现在，我们包含了一个生成highcharts图表的选项，其中包含N个highcharts图表。图表应该在一个模式元素(lightbox，iframe，无关紧要)上打开。我使用了fancybox并在iframe中显示了图表加载，但是高度和宽度都被弄乱了。
浏览器/fancybox似乎正在计算highcharts呈现之前图表元素的大小，并以较小的大小显示iframe。
我并不一定要使用iframe，尽管该图是从servlet URL调用的，并且不可能预先知道它的大小。
如果是这样的话，我可以使用另一个jquery库。
使用fancybox 2.0.5，
浏览 0提问于2012-07-25得票数 0
回答已采纳
我需要一些帮助与一个网页，我正在工作。我在我的超文本标记语言页面中有一个div标签<div class="picContainer"></div>，下面是同样的CSS类。 .picContainer{
position: relative;
background-image: url("Image.jpg");
height: 74%;
width: 30%;
left: 5%;
bottom: 2%;
box-shadow:
浏览 11提问于2021-07-09得票数 0
回答已采纳
1回答
我正在使用canvas中的clip()。
我已经为clip()创建了一个区域，如下所示
this.svgRenderer.ctx.rect(positionX, positionY, Width, Height);
this.svgRenderer.ctx.clip();
在同一画布上绘制了几个图形后，我尝试使用save()和restore()删除该区域的剪辑。
但是我正在犯错误，我不能理解。因此建议在不使用save()和restore()的情况下删除指定区域的剪辑的任何其他方法
浏览 5提问于2014-08-13得票数 14
我即将到来的移动web项目需要查看网页内动态选择的pdf文件。我使用iFrame显示的pdf文件和文件可以滚动使用两指滚动。但我所面临的问题是：
文件的第一页不是完全显示在iPad上，而是沿宽度被切断的，这与我在桌面浏览器上查看它时不同，在桌面浏览器中，pdf的第一页总是完全显示出来，尽管放大以适应iFrame区域。
对于用户来说，没有显示pdf文档可以滚动的视觉指示，也就是说，pdf文档上没有滚动条。
控件(页面导航、缩放等)对于pdf查看器(Adobe )，不像我在桌面浏览器上看到的那样出现在文档中。
实现我想做的事情的最好方法是什么？你们中有专家知道解决我所面临的问题
浏览 0提问于2012-08-14得票数 1
回答已采纳
到目前为止，我的(粉丝)网站上有这段代码。我想要我指定的裁剪(顶部的-360px和-50px应用于每个iframe，但无论我做什么，其他三个iframe都没有裁剪)。有没有办法让裁剪适用于所有的iframe？我完全迷路了。:(
<div style="overflow: hidden;
margin-top: -360px;
margin-left: -50px;">
<iframe src="http://dragcave.net/view/XD" frameborder="0" width="750" h
浏览 1提问于2013-04-11得票数 0
1回答
我有一个弹出窗口，当我将鼠标悬停在嵌入在主页内的iframe中的链接上时，会触发弹出窗口。
目前，该弹出窗口正在iframe上呈现，并被裁剪。我希望弹出窗口显示在顶部，而不是在框架中。
浏览 0提问于2009-12-08得票数 0
回答已采纳
7回答
在fancybox主页()中，有一个示例打开了一个iFrame，其大小为屏幕的75%。
我无法通过修改站点上描述的.js文件的宽度和高度属性来获取它。
浏览 3提问于2010-03-18得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
