Question

我一直在谷歌搜索，但没有发现我的问题的线索。我有一个小网站（仅限html / css），在移动Chrome上看起来不错。但是在Android 5.0上的Instagram应用程序内浏览器中，paddings出现了问题。有没有办法通过媒体查询或前缀来处理应用内浏览器？到目前为止，我一无所获。希望有人可以帮助我。提前致谢。

P.S。抱歉我的英语不好，我正在努力。

Answer 1

您可以使用JavaScript来检测包含Instagram的用户代理，并为该案例请求特定的CSS。

示例代码：

<script>
var isInstagram = navigator.userAgent.match(/instagram/i);
if (isInstagram) {
  var head = document.querySelector('head');
  var link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = 'your-file-with-instagram-fixes.css';
  head.appendChild(link);
}
</script>

如何调整Instagram应用内浏览器的html / css布局？

1 个答案: