关于2-7的导航栏右侧三个图标在响应式下的问题

关于2-7的导航栏右侧三个图标在响应式下的问题

我想问一下导航栏右侧的三个图标(搜索,用户,购物车)在手机模式下,弹出框的样式应该如何设置呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕夭夭 2018-06-12 14:50:29

右侧的图标显示在电脑端和手机上显示的效果是一样的 (结合浮动设置它的位置) , 并不需要在手机上再设置它的位置了 ,效果如下:

http://img1.sycdn.imooc.com//climg/5b1f6d260001462a03590225.jpg

祝学习愉快 !



好帮手慕夭夭 2018-06-12 14:11:54

在手机设备下 , 右侧弹窗与电脑端显示效果一样  , 只需要适当调整宽度就可以了 , 如下所示:

http://img1.sycdn.imooc.com//climg/5b1f641e0001299802580333.jpg

实战一下吧 ,祝学习愉快 !



  • 提问者 SuperCoCa #1
    那这三个按钮在手机模式下是怎么显示在右上方的,我用定位设置之后只有在点击下拉的按钮之后它们才弹到右上方
    2018-06-12 14:17:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师