首 页
关于方维
网站案例
网站建设
小程序开发
解决方案
建站资讯
联系方维
400-800-9385
Web前端移动端导航栏制作及出现的问题
发表日期:2018-08-16 10:08:43 作者来源:严成 浏览:5311 标签:
Web前端
当前位置:
首页
-
建站资讯
-
网站建设
再说移动端导航栏之前,我们先说说PC端的导航栏,因为在大多数情况下,PC端的导航栏都不会超出UI设计宽度或浏览器宽度,所以PC端的导航栏就不必多说,反而移动端因为屏幕尺寸问题,往往会超出屏幕宽度,这时候就要用到可以左右滑动移导航栏,而移动端的导航栏对于前端工作人员来说看是简单,其实还有很多BUG问题,其中安卓系统由于国内手机厂商从多,系统定制化五花八门,问题尤为突出,反而苹果系统的用户,由于系统的统一反而相对于安卓系统来说比较问题比较少,现在我们来说说安卓系统导航栏的问题。
现在大部分国内手机用户,用的手机不外乎苹果和安卓,而苹果和谷歌移动端系统的浏览器,用的都是以Webkit为内核的浏览器,从而减少了很多兼容性问题;但应为安卓系统由于国内手机厂商的原因,修改了安卓的底层,对于前端工作人员来说兼容性问比较麻烦,现在来说说我在写移动端导航栏时碰到的问题及解决方案。
一般情况下,写移动端导航栏都会用到display这个属性,且苹果和大部分国内手机厂商的安卓浏览器都兼容,然而在我写好前端导航栏时,在苹果和国内厂商大部分安卓系统测试下都没问题,而魅族手机的浏览器却出现在了兼容性问题,导航栏无法左右移动,且导航栏一行放不下会出现在第二行,严重影响美观;经过我的再三调试,用js最终解决了这个问题,至于怎么解决废话不多说,直接上图。
作者:方维网络前端制作工程师严成
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/4517.html
上一篇:
网站程序员如何更好地完成工作
下一篇:
thinkphp框架下解決商城网站的多个类别多选的方法
相关网站设计案例
长丰影像Saramonic
长丰影像BOYA
明鉴检测
相关资讯
网站开发中使用webp格式的优缺点分析
日期:2025-03-06 浏览:336
探秘未来Web:HTML5网站建设实战攻略与创意...
日期:2024-11-27 浏览:665
ASP网站制作进阶指南:从入门到精通,打造现代...
日期:2024-09-19 浏览:863
常见问题
企业网站建设常见问题整理合集【置顶】
在深圳建设一个公司网站多少钱
开发网站需要多久跟这九个因素有关
最新文章
高品质网页平面配色要点
浏览量:4593
招商加盟类网站 应该怎么建?
浏览量:5272
方维网络程序员:创新,满足您的一切
浏览量:4448
方维网络设计师感悟互联网
浏览量:4373
前端制作快速抠图(切图)小技巧
浏览量:5799
方维网络:网站运营的三个重中之重
浏览量:3910
400-800-9385
97798819
回到顶部
0
请您留言
非常抱歉,客服不在线,麻烦留下您的联系电话或者微信,我们看到后会马上联系您!
提交
感谢留言
我们会尽快与您联系
关闭