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

妍小妍

发布于 2022-08-01 14:38:48

3180

发布于 2022-08-01 14:38:48

今天休息，空闲下来好久没有来过博客了，打开手机在浏览器里输入了熟悉的网址，第一次用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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-11-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除

ios