目标 能够说出响应式原理 能够使用媒体查询完成响应式导航 能够使用Bootstrap的栅格系统 能够使用bootstrap的响应式工具 能够独立完成阿里百秀首页案例 目录 响应式开发 Bootstrap前端开发框架 Bootstrap栅格系统 阿里百秀首页案例 1 .响应式开发 1.1 响应式开发原理 就是使…

响应式开发 原理：就是根据媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。 原理：就是在不同屏幕下，通过媒体查询来改变这…

个人博客文章链接：http://www.huqj.top/article?id149 一、什么是响应式布局 所谓响应式布局，就是指同一个网页，在不同的终端上的显示效果不同，但是访问的确实是同一个页面，只是因为浏览器会根据终端的不同&#xff…

响应式布局 1.引入 我们通过之前的学习，学习了多种不同的布局方式。我们学习布局是为了解决页面样式的问题。我们知道HTML5不仅仅可以在电脑端显示，而且它还可以在手机端和平板端显示，但是我们会发现一个问题，当我们在电脑端调整…

目录 1.效果展示 2.具体实现 （1）html （2）css （3）js 3完整代码 注：因为电脑缩小到最小不会小于414，所有可调为小窗模式 打开开发者工具，点击控制台旁边的图标即可 1.效果展示 窗口大于414时 窗口小于414时 点击菜单时，出现具体菜单栏 放大窗口，菜单栏消失 2.具…

响应式布局–媒体查询 前几天一个月薪35k的兄弟，给我推了一个人工智能学习网站，看了一段时间挺有意思的。包括语音识别、机器翻译等从基础到实战都有，很详细，分享给大家。大家及时保存，说不定啥时候就没了。 一、响应…

系列文章目录 Vue基础篇一：编写第一个Vue程序 Vue基础篇二：Vue组件的核心概念 Vue基础篇三：Vue的计算属性与侦听器 Vue基础篇四：Vue的生命周期（秒杀案例实战） Vue基础篇五：Vue的指令 Vue基础篇六：Vue使用JSX进行动态渲染 Vue提高篇一：使用Vuex进行状态管理 Vue提高篇…

bootstrap可以说是没有布局和审美概念的后端狗的福利。使用它的栅格系统可以轻松的对网页进行布局，而且可以做到响应式的布局。看起来很酷，接下来我就会总结自己在开发博客系统中用到的知识点及实战案例给大家，作为一个专栏管理。 知识点 栅…