如何让Electron WebView填充指定尺寸?

2024-01-18

我尝试将 Electron WebView 添加到基本应用程序并设置 minwidth 和 minheight ,如下所示。当它加载时,它总是以 784px X 150px 结束

<webview id="webpage" src="https://www.duckduckgo.com/" autosize="on" minwidth="800px" minheight="1200px"></webview>

这也是其他人报告过的问题。在原子讨论中网页视图自动调整大小 https://discuss.atom.io/t/webview-autosize/16915/6.

似乎“autosize”并没有说明最终的窗口大小; css 参数可能会干扰并改变结果。

针对此问题提出了一些 CSS 解决方法,可能会有所帮助:

将 html 和 body 宽度设置为 100%:

html, body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}

在 webview css 中设置视口相对单位:

webview {
  display: block;   /* iframes are inline by default */
  border: none;     /* Reset default border */
  height: 80vh;     /* Viewport-relative units */
  width: 95vw;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何让Electron WebView填充指定尺寸? 的相关文章

随机推荐

  • Drools 在 where 子句中获取 List 的第一个元素

    是否可以从中获取列表的第一个元素whenDrools 中的条款 如果我不知道列表中的对象字段值 而我只想检索第一个元素 我该怎么做 rule TestRule1 dialect java when c Collection listCust
  • 在mongodb中使用ReflectionDBObject类插入java对象?

    我正在尝试将java中用户定义类的对象插入mongodb集合中 我的班级是这样的 class C extends ReflectionDBObject int i C 插入代码是 Mongo m new Mongo localhost co
  • 自定义表单生成器的数据库设计(和结果存储)

    我正在尝试实现一个自定义表单生成器 类似于Wufoo http wufoo com and Google http docs google com 虽然我创建了一个简单的 UI 来创建这些自定义表单 但我的问题在于数据库设计 创建表单后 J
  • 如何使用Python模拟字符串键盘输入?

    我使用的是 windows 8 并且有 windows api 模块 我正在尝试创建一个方法 TypeInput argument argument is a string 目的是如果参数是字符串 我的方法会模拟参数的类型 很遗憾 我目前使
  • 什么是开发 Pod?

    一般来说 我对 CocoaPod 和 IOS 很陌生 我尝试使用我在 podfile 中本地构建的框架 如下所示 Pods for Example pod OsonWidget path gt OsonWidget 当我运行pod inst
  • RxJS 如何创建或模拟异步?

    我在理解 RxJS 可观察对象和主题的执行模型 顺序时遇到问题 我读了很多关于 RxJS observables 的文献和博客文章 因为它们的订阅可以取消 并且可以通过以下方式发出多个结果 值 next 这个问题可能很容易回答 但是 RxJ
  • android中如何设置gridlayout每一行的背景图片?

    我正在构建一个应用程序 我想在其中设置网格布局的每一行不同的图像 有一个图像文件路径 url 的数组列表 只需从 getView 方法内部调用它 例如 layoutName setBackground imageList get posit
  • Javascript 多行字符串和意外令牌非法

    我在它自己的单独的 js 文件中有一个多行字符串模板 用于下划线 js 然而 无论我如何逃避换行符 我仍然得到 未捕获的语法错误 意外的标记非法 当文件加载到浏览器中时 位于文件的第一行 App Templates template1 di
  • Python 转义序列 \N{name} 不按定义工作

    我正在尝试打印给定名称的 unicode 字符 如下所示 coding utf 8 print N SOLIDUS print N BLACK SPADE SUIT 然而我得到的输出并不是很令人鼓舞 转义序列按原样打印 ActivePyth
  • Laravel 4 - 如何通过 Eloquent ->paginate() 使用“offset”而不是“page”?

    我正在将现有的 REST API 迁移到 Laravel 4 1 该 API 目前使用offset作为查询字符串参数来指定offset的记录需要 我想使用默认的 Eloquentpaginate 但这些搜索page查询字符串参数 当然 它使
  • 使用 ant debug 在命令行中构建并运行具有子项目的 Android 项目

    我正在尝试从命令行构建一个 android 项目 我的 android 项目在我的主 android 项目中有一个子项目 当我运行 ant debug 命令时 它显示构建类时出现错误 因为未从子项目中找到库类 所以我认为子项目没有正确包含
  • 如何使用底部选项卡导航处理 SafeArea 的背景颜色?

    目前的行为 大家好 我想设置底部选项卡的背景颜色 所以我做了如下
  • 代表 MSA(Microsoft 个人)和 AAD 帐户的 Azure Ad v2.0 端点

    我们有一个面向用户的 Web 应用程序和一个中间层 ASP NET Core Web api 目前在 Azure Ad v1 0 端点上使用 OAuth 2 0 代表流 OBO 仅对 AAD 帐户进行身份验证 我们还需要对 MSA 个人 帐
  • 车把缩小 HTML

    在 Node js Express 应用程序中 是否有一种方法可以在将所有 Handlebars 模板发送到渲染器之前缩小它们 我考虑创建一个 Express 中间件来对 HTML 响应正文进行缩小 但我很快意识到这是非常无效的 因为缩小会
  • 使用正则表达式替换特定的 HTML 标签

    好吧 这对你们来说很简单 我们使用 ActiveReports RichTextBox 来显示一些随机的 HTML 代码 ActiveReport 支持的 HTML 标签可以在这里找到 http www datadynamics com H
  • 从子类访问实例变量

    我正在尝试从子类访问父类的数据成员 我不知道如何称呼它 我找到了很多有关访问类变量但不是子类中的实例变量的信息 这是我的代码 class Shape var woohoo def initialize end def area end en
  • 模板类,函数特化

    我想要一个类似于下面的模板类 然后 我想要其中有一个具有模板专业化的函数 具体取决于 CLASS 模板参数 我该如何进行这项工作 我意识到我提供的代码在很多层面上都是错误的 但这只是为了说明这个概念 template
  • CDI 事务拦截器不工作

    我有一个包含以下类的 Java SE 应用程序 main public static void main String args Weld weld new Weld WeldContainer container weld initial
  • Android M FingerprintManager.isHardwareDetected() 在 Samsung Galaxy S5 上返回 false

    我刚刚通过以下列出的手动说明将 Verizon Samsung Galaxy S5 SM G900V 更新为 G900V U2 DPD1 版本http www androidofficer com 2016 06 g900vvru2dpd1
  • 如何让Electron WebView填充指定尺寸?

    我尝试将 Electron WebView 添加到基本应用程序并设置 minwidth 和 minheight 如下所示 当它加载时 它总是以 784px X 150px 结束