当前位置: CEF3 > 正文

如何扩展iframe的内容？

作者：AI编程探险家 | 2023-03-24 07:57:43

踩

html,css,dom,safari,webkit,chrome,firefox,容器,facebook,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

如何在我的网站页面中扩展iframe的内容(在我的示例中,它是一个HTML页面,而不是弹出窗口)？

例如,我想以if原始大小的80%显示iframe中显示的内容.

1> lxs..：

如果您将CSS更改为:Kip的解决方案应该适用于Opera和Safari

您可能还想在#frame上指定overflow:hidden以防止滚动条.

我注意到在chrome上我同时应用了zoom和webkit变换,导致缩放比例被应用两次.

由于所有现代浏览器已经支持转换已有相当长的一段时间了，因此我将考虑使用无前缀版本（至少作为替代）。

2> Kip..：

我找到了一个适用于IE和Firefox的解决方案(至少在当前版本中).在Safari/Chrome上,iframe的大小调整为其原始大小的75%,但iframe中的内容根本不会缩放.在Opera中,这似乎不起作用.这感觉有点深奥,所以如果有更好的方法,我会欢迎建议.

...

Some text before the frame

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/blog/CEF3/detail/22888

推荐阅读

CEF3
如何使用JavaScript以跨浏览器方式将DOM序列化为XML文本？
如何解决《如何使用JavaScript以跨浏览器方式将DOM序列化为XML文本？》经验，为你挑选了1个好方法。javascript,xml,serialization,dom,jquery,firefox,webkit,chrome,Dev... [详细]
赞
踩
CEF3
+ String运算符的性能低于StringBuffer.append()
如何解决《+String运算符的性能低于StringBuffer.append()》经验，为你挑选了8个好方法。javascript,string,concatenation,ajax,firebug,firefox,safari,go,c... [详细]
赞
踩
CEF3
Android Deep Linking如果用户没有安装该应用程序
如何解决《AndroidDeepLinking如果用户没有安装该应用程序》经验，为你挑选了1个好方法。android,deep-linking,https,ios,go,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者... [详细]
赞
踩
CEF3
更新到新Chrome版本后,在Chrome中获取Polymer Error
如何解决《更新到新Chrome版本后,在Chrome中获取PolymerError》经验，为你挑选了0个好方法。polymer-1.0,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维... [详细]
赞
踩
CEF3
如何在Windows上编写C++ FireFox 3插件(不是扩展名)？
如何解决《如何在Windows上编写C++FireFox3插件(不是扩展名)？》经验，为你挑选了2个好方法。c++,windows,firefox,plugins,javascript,chrome,safari,html,DevBox,在... [详细]
赞
踩
CEF3
在CSS中分层图像 - 可以将2个图像放在同一个元素中？
如何解决《在CSS中分层图像-可以将2个图像放在同一个元素中？》经验，为你挑选了2个好方法。css,layout,image,z-index,webkit,html,safari,chrome,DevBox,在线流程图,编程,编程问答,程序... [详细]
赞
踩
CEF3
如何使用对象短手与未在对象中声明的函数
如何解决《如何使用对象短手与未在对象中声明的函数》经验，为你挑选了1个好方法。javascript,object,ecmascript-6,chrome,firefox,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具... [详细]
赞
踩
CEF3
如何在WPF中设置滑块控件的样式？
如何解决《如何在WPF中设置滑块控件的样式？》经验，为你挑选了2个好方法。wpf,xaml,slider,styling,windows,chrome,xml,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json... [详细]
赞
踩
CEF3
何时使用IMG与CSS背景图像？
如何解决《何时使用IMG与CSS背景图像？》经验，为你挑选了23个好方法。html,css,image,background-image,ajax,webkit,javascript,jquery,chrome,服务器,firefox,go... [详细]
赞
踩
CEF3
通过ember-cli创建应用程序获取"未捕获错误:断言失败:Ember视图需要1.7到2.1之间的jQuery"
如何解决《通过ember-cli创建应用程序获取"未捕获错误:断言失败:Ember视图需要1.7到2.1之间的jQuery"》经验，为你挑选了1个好方法。javascript,ember.js,ember-cli,npm... [详细]
赞
踩
CEF3
多线程作业队列管理器
如何解决《多线程作业队列管理器》经验，为你挑选了2个好方法。c++,multithreading,scheduled-tasks,threadpool,go,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工... [详细]
赞
踩
CEF3
在html文本框中设置键盘插入位置
如何解决《在html文本框中设置键盘插入位置》经验，为你挑选了4个好方法。javascript,textbox,input,jquery,firefox,safari,html,chrome,DevBox,在线流程图,编程,编程问答,程序员... [详细]
赞
踩
CEF3
如何使用其他URL复制Request对象？
如何解决《如何使用其他URL复制Request对象？》经验，为你挑选了1个好方法。javascript,fetch-api,git,chrome,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解... [详细]
赞
踩
CEF3
如何在Safari/Chrome中从javascript打印IFrame
如何解决《如何在Safari/Chrome中从javascript打印IFrame》经验，为你挑选了4个好方法。javascript,printing,iframe,webkit,safari,chrome,firefox,html,and... [详细]
赞
踩
CEF3
问号字符在文本中显示,为什么会这样？
如何解决《问号字符在文本中显示,为什么会这样？》经验，为你挑选了2个好方法。html,backup,mirror,character-encoding,服务器,mysql,php,apache,windows,chrome,safari,f... [详细]
赞
踩
CEF3
如何在网站中找到未使用的图像和CSS样式？
如何解决《如何在网站中找到未使用的图像和CSS样式？》经验，为你挑选了5个好方法。html,css,chrome,https,go,firefox,服务器,javascript,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,... [详细]
赞
踩
CEF3
Chrome工作区编码
如何解决《Chrome工作区编码》经验，为你挑选了0个好方法。encoding,google-chrome,developer-tools,chrome,javascript,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开... [详细]
赞
踩
CEF3
API网关 - 发布multipart\form-data
如何解决《API网关-发布multipart\form-data》经验，为你挑选了2个好方法。amazon-web-services,aws-lambda,aws-api-gateway,https,postman,chrome,windo... [详细]
赞
踩
CEF3
正则表达式匹配非英文字符？
如何解决《正则表达式匹配非英文字符？》经验，为你挑选了6个好方法。javascript,regex,jquery,go,程序员,hive,chrome,safari,html,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开... [详细]
赞
踩
CEF3
Angular + Mocha内存泄漏
如何解决《Angular+Mocha内存泄漏》经验，为你挑选了0个好方法。memory-leaks,mocha,angularjs,容器,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二... [详细]
赞
踩