Instagram in-appブラウザのhtml/cssレイアウトを調整するにはどうすればよいですか？

Question

私はたくさんの検索を行っていますが、私の問題のヒントは見つかりませんでした。私は小さなウェブサイト（html/cssのみ）を持っています。それはモバイルChromeでうまくいきます。しかし、Android 5.0上のInstagramのアプリ内ブラウザでは、何かパッディングがうまくいかない。メディアクエリやプレフィックスを使用してアプリ内ブラウザを処理する方法はありますか？これまでは何も見つけていません。ここに誰かが私を助けることができることを願って前もって感謝します。

P.S.私の貧しい英語を申し訳ありません、私はそれに取り組んでいます。

Answer 1

Instagramを含むユーザーエージェントを検出するJavaScriptを使用して、そのケースに対して特定の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>