Css除了（黑客）的Web瀏覽器應用程序的Facebook？

我有我的網站響應式設計，並用於所有移動瀏覽器的「vw」源的大小字體大小是相同的，但在網絡瀏覽器應用程序中的Facebook使我的源大於它應該會扭曲設計的頁面。有沒有什麼辦法解決這一問題？有沒有在該瀏覽器中實施CSS的黑客？謝謝。Css除了（黑客）的Web瀏覽器應用程序的Facebook？

對於那些不知道這個網頁瀏覽器的人來說，這是一個瀏覽器自己的Facebook應用程序，當你點擊Facebook上的外部鏈接而不是打開默認瀏覽器時，你在智能手機上打開了這個瀏覽器Facebook應用程序。

更多信息：

Facebook app browser

來源

2016-09-17 PlayerWet

使用vw爲您的字體大小是一個壞主意。 It's not supported所有瀏覽器都可能導致類似於您遇到的錯誤。

我能想到的最佳解決方案（以及通常可以接受的解決方案）是使用media queries更改元素的字體大小。

另一種解決方案不夠優雅，而且設置起來更麻煩，它是根據屏幕寬度更改元素的字體大小。我建議你不要這樣做，而是參考媒體查詢。

來源

2016-09-17 07:41:58

如果它在其他瀏覽器中很糟糕，那麼做得很好，只會在facebook應用程序中出現故障。 – PlayerWet

如果你想改變一個元素的風格專門爲Facebook，你可以做一些[this]（https://codepen.io/leo--/pen/mAEKOQ）。請注意，通過FB瀏覽器查看時，對於任何屏幕寬度，尺寸都將保持靜態。話雖如此，使用媒體查詢絕對是這裏的方法。他們非常容易實施，他們會更好地保持你的風格在不同的中斷點保持一致。如果你想要做更復雜的造型，這最後一部分是非常重要的。 –

我想我沒有解釋得很清楚----要在移動設備上查看我的頁面，我必須使用不同分辨率的媒體查詢。 vw中字體的大小已經應用了它，因爲我需要通過不同的響應步驟來調整文本。在多個設備和瀏覽器上測試頁面後，只有在瀏覽器中的facebook源代碼顯示比正常大。我會看看發生在我身上的鏈接，非常感謝你的時間。 – PlayerWet

Css除了（黑客）的Web瀏覽器應用程序的Facebook？

回答

相關問題