修复IOS浏览器侧边栏按钮和登录界面偏差back

发布于 2020-11-16  395 次阅读  共 640 字


今天休息,空闲下来好久没有来过博客了,打开手机在浏览器里输入了熟悉的网址,第一次用iphone自带的Safari浏览器看自己的博客,发现好多瑕疵.....右侧菜单栏搜索框上方的按钮不适应剧中;登录页面不居中.....等等

修复前

修复后

登录页面很好修复,删除了多余的 css 就可以了,侧边栏试了几种方法都没有效果,最后决定加一个判断 ( 判断 ios 还是 android)

<div id="android" style="display:none"><a href="#">android显示内容</a></div>

<script>
   if(navigator.userAgent.indexOf("Kenfor")==-1 && navigator.userAgent.indexOf("Android")!=-1){
                    document.getElementById("android").style.display = "block";
   }
</script>


<div id="iphone" style="display:none"><a href="#">ios显示内容</a></div> 
   
<script>
   if(navigator.userAgent.indexOf("kenfor")==-1 && navigator.userAgent.indexOf("iPhone")!=-1){
                    document.getElementById("iphone").style.display = "block";
   }
</script>