頑固的基於服務器的 angular 應用視口格式錯誤

Question

我有一個 angular 項目，在本地主機上運行時看起來很棒。 但是，當構建相同的代碼並將其上傳到我的服務器時，視口會變得混亂，並顯示頁面的縮小版本。

重要說明：如果我在桌面上查看它並調整瀏覽器大小，它在所有尺寸上看起來都很棒。 但是，如果我 go 進入開發工具並使用移動大小的設備檢查它，它看起來很糟糕。

就像一些基於 angular 的媒體查詢沒有被執行之類的。

有沒有人看到過這個或知道強制服務器正確顯示頁面的方法？

視口標簽如下所示：

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

在本地主機上，圖像如下所示：

完全相同的代碼，使用相同的瀏覽器，但從服務器呈現，如下所示：

頁面在這里： https://www.betradating.com/

知道為什么會這樣嗎？

Answer 1

我能夠通過在我的服務器根目錄中創建一個 index.html 頁面來解決這個問題，其中只有一個指向我的子文件夾的重定向鏈接。

似乎將服務器設置為自動隱藏 url 虛榮 url 到子文件夾會搞砸。 但是刪除隱形 url 並將瀏覽器重定向到子文件夾似乎已經解決了問題。