当前位置:网站首页 > 更多 > 网文网语 > 正文

[精彩网文] 修复IOS浏览器侧边栏按钮和登录界面偏差

作者:CC下载站 日期:2020-11-14 17:47:27 浏览:60 分类:网文网语

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

您需要 登录账户 后才能发表评论

取消回复欢迎 发表评论:

关灯