自适应网站转换拿到机端完成导航栏栏上下拖动

摘要:自适应网站转换拿到机端完成导航栏栏上下拖动方式在自适应网站设计方案中,假如电脑上端的核心航或是子频道较为多的情况下,转换拿到机端情况下,假如默认设置显示信息的便是...

自适应网站转换拿到机端完成导航栏栏上下拖动方式

在自适应网站设计方案中,假如电脑上端的核心航或是子频道较为多的情况下,转换拿到机端情况下,假如默认设置显示信息的便是波动显示信息,超出显示屏的频道会全自动往下波动,可是那样并不是很美观大方,下边大家给大伙儿详细介绍一种手中机端能够上下拖动的导航栏,那样能提升网页页面美观大方。

html
head
  meta charset= utf-8
  meta name= viewport content= width=device-width
  title test /title
  style media= screen
  .tab-head{
  list-style-type: none;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  background:#FF4878;
  padding:0;
  overflow:auto;
  }
  .tab-head-item{
  -webkit-box-flex:1;
  -webkit-flex:1 0 auto;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  color:white;
  padding:0 5px;
  }
  /style
/head
body
  ul >  li >  li >  li >  li >  li >  li >  li >  li >  li >  li >  li >  /ul
/body
/html

提议应用单独的导航栏源代码。


不太好能够添加大家的技术性QQ群一起处理,大家有专业的技术性工作人员给你解释

点一下连接添加微信群【海站格技术性沟通交流群】:点我加:海站格技术性沟通交流群 ()



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:怎么网站建设