如何調整instagram應用內瀏覽器的html/css佈局？

Question

我一直在谷歌搜索了很多，但沒有發現我的問題。我有一個小小的網站（僅html/css），這在移動Chrome上看起來不錯。但是在Android 5.0的Instagram應用內瀏覽器上，有些填充會出現填充錯誤。有什麼辦法通過媒體查詢或前綴來處理應用內瀏覽器？到目前爲止，我找不到任何東西。希望有人能幫助我。提前致謝。

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>