【问题标题】:Screen resolution trouble in different browsers with Aurelia Framework使用 Aurelia 框架在不同浏览器中的屏幕分辨率问题
【发布时间】:2017-03-08 01:59:05
【问题描述】:

我正在了解有关 Aurelia 的更多信息,并且在尝试将一些布局从 HTML5 迁移到 Aurelia 时,我发现在 aurelia 模板中所有内容看起来都更大。与原始 HTML 相比,即使是最简单的布局,没有任何 css 样式或库,在这里看起来也更大。

我的显示器分辨率为 1920 x 1080,在开发者工具中查看,HTML 标记宽度更小(HTML 文件中的宽度为 1920 像素,而 Aurelia 呈现页面中的宽度为 1280 像素)。

我还在 Google Chrome、Mozilla Firefox 和 Microsoft Edge 中尝试了我的应用程序,唯一能在这两个示例中显示它应该如何运行的应用程序是 Edge。

这是两个浏览器上相同应用程序的屏幕截图:

在开发者模式下使用 zoom 我发现如果将 zoom: 1.5 放在左侧,它的大小与右侧相同,而 zoom: 0.66 在右侧与左侧相同。

有谁知道如何解决这个问题?我快疯了!!

编辑: 这是 Chrome 和 Firefox 的另一个示例。注意尺寸:

这些示例完全没有 CSS!

【问题讨论】:

  • 这更像是一个引导问题,而不是 Aurelia 问题。你可能想这样标记它。
  • 即使只有 HTML(没有任何 CSS),也会出现问题。这就是为什么我认为 Aurelia 正在做一些我想念的事情。
  • 这是我在 Chrome 中看到的完全相同的 HTML,保存一个由 Aurelia 渲染,另一个不是:i.imgur.com/XhCdBv9.png 它们完全相同,精确到像素。
  • 目前我正在使用带有外部屏幕的笔记本电脑。笔记本电脑的分辨率为 4k,外部为全高清,但两者都配置为 1920x1080 像素。您认为这可能是问题所在吗?
  • 很有可能。但是,如果没有亲临您的计算机,这很难说。

标签: html css frameworks aurelia


【解决方案1】:

由于我没有找到它发生的原因,我重新安装了我的浏览器,问题就消失了!我没能弄清楚它发生的原因,但现在,这对我来说已经足够了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多