前端想要模仿这种效果,搜索关键词是什么 ?

2019-04-04 18:15:00 +08:00
 HarryQu

我想要实现如下网站的交互效果

打开 网站

按下 F12 调出开发者工具，向左拖动 ，此时顶部出现更多，如下图 :

继续向左拖动 ，SQL 教程这个 tab 消失，如下图 :

继续向左滑动，右边的侧边栏消失 , 顶部图标变换。此时感觉跟打开了移动端一样 如下图 :

问题

我在仿照他的网站做博客,想要实现上述的交互效果，搜索的关键词是什么 ?

2089 次点击
所在节点    问与答
7 条回复
YuxiangLuo
2019-04-04 18:15:53 +08:00
media query
9tao
2019-04-04 18:19:51 +08:00
css 媒体查询
HarryQu
2019-04-04 18:34:38 +08:00
@YuxiangLuo
@9tao
thanks 我研究下
GuuJiang
2019-04-04 18:36:06 +08:00
响应式布局
c4f36e5766583218
2019-04-04 20:04:08 +08:00
https://getbootstrap.com 了解一下
HarryQu
2019-04-04 21:05:57 +08:00
@c4f36e5766583218 好的 谢谢
deepdark
2019-04-04 21:59:09 +08:00
响应式布局

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/552163

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX