android - Web 浏览器应用程序 facebook 的 Css 除外(hack)？

Question

我的网站采用响应式设计，并在所有移动浏览器中用于“vw”源的大小，字体大小相同，但在网络浏览器应用程序中，facebook 使我的源大于应有的大小，并且会扭曲页面的设计。有没有什么办法解决这一问题？在该浏览器中是否有任何 hack 来实现 css？谢谢。

对于那些不知道这个网络浏览器的人，假设它是浏览器自带的 Facebook 应用程序，当你点击 facebook 中的外部链接而不是打开智能手机上的默认浏览器时，会打开这个自己的浏览器 Facebook 应用程序.

更多信息:

Facebook app browser

Answer 1

使用vw 作为字体大小不是一个好主意。 It's not supported由所有浏览器引起，并可能导致与您遇到的错误类似的错误。

我能想到的最佳解决方案(也是普遍接受的解决方案)是使用 media queries 更改元素的字体大小.

另一个不太优雅且设置起来更烦人的解决方案是根据屏幕宽度通过 JS 更改元素的字体大小。我建议您不要这样做，而是引用媒体查询。