2017-03-08 91 views
0

我在學習更多關於Aurelia的知識,並嘗試將某些佈局從HTML5遷移到Aurelia時,我發現在aurelia模板內時,一切看起來都更大。即使是最簡單的佈局,沒有任何CSS樣式或lib,與原始HTML相比看起來更大。Aurelia Framework不同瀏覽器中的屏幕分辨率問題

我的顯示器分辨率爲1920 x 1080,在Developer Tools中查看時,HTML標籤寬度較小(HTML文件的寬度爲1920px,Aurelia的頁面寬度爲1280px)。

我也在Google Chrome,Mozilla Firefox和Microsoft Edge上試用過我的應用程序,唯一的例子就是Edge。

這裏是同一應用程序的兩個瀏覽器的截圖: Screenshot

與開發人員模式,變焦播放我發現,如果你把變焦:1.5左邊一個,它得到正確的相同尺寸和縮放:右邊0.66得到左邊的相同。

有誰知道如何解決這個問題?我越來越瘋狂!

編輯: 這是Chrome和Firefox的另一個例子。注意尺寸: enter image description here

這些例子都沒有css!

+0

這是一個比Aurelia問題更引人注目的問題。你可能想要這樣標記它。 –

+0

即使只有HTML(沒有任何CSS),也會出現問題。這就是爲什麼我認爲這就是Aurelia在做我失蹤的事情。 –

+0

下面是我在Chrome瀏覽器中看到的完全相同的HTML,除了Aurelia呈現的一個外,其他的不是:http://i.imgur.com/XhCdBv9.png它們完全相同,直到像素。 –

回答

0

因爲我沒有找到它發生的原因,所以我重新安裝了瀏覽器,問題消失了!我沒有弄清楚它發生的原因,但現在,這對我來說已經足夠了。