（jqueryfont）

主页左上角三条杠怎么设置？

要在主页左上角添加三条杠，你可以使用HTML和CSS来创建一个自定义的菜单按钮：
1. 首先，在HTML中添加一个三行的图标。可以使用Font Awesome或者其他的图标库来获取这个图标代码。比如使用Font Awesome，可以插入以下代码：
```html
<span class="fas fa-bars"></span>
```
2. 接下来，使用CSS来设置这个图标的样式和位置。通过添加以下代码到你的CSS文件或者内联样式中来实现：
```css
.fa-bars {
display: inline-block;
cursor: pointer;
margin: 10px;
font-size: 24px;
}
```
这样就可以在页面的左上角添加一个三条杠图标了。你可以进一步在这个按钮上添加单击事件，以触发你想要的功能，比如打开导航菜单或者弹出弹出框。

主页左上角三条杠通常被称为汉堡菜单，可以通过HTML和CSS代码来设置。首先，需要在HTML文档中添加一个div元素，并赋予其一个特定的类名或ID。

然后，在CSS样式表中，使用伪元素:before和:after来创建三条水平线，并通过设置宽度、高度、颜色和定位来调整它们的样式和位置。

最后，使用JavaScript来添加点击事件，使汉堡菜单可以展开和关闭侧边栏菜单。总之，通过HTML、CSS和JavaScript的组合，我们可以轻松地创建一个漂亮、实用和易于导航的汉堡菜单。

（jqueryfont）

左上角三条杠是网站或应用程序中常见的导航菜单图标，也称为汉堡菜单。要设置这个图标，通常需要使用CSS和HTML代码。

首先，需要创建一个div元素并为其添加类或ID，然后使用CSS样式表来定义这个div元素的宽度、高度和背景颜色。

接下来，在这个div元素中添加三个水平排列的span元素，每个元素都有一个高度和宽度，用于形成三条横线。

最后，使用JavaScript或jQuery编写代码，为这个图标添加点击事件，以便触发导航菜单的显示和隐藏。

响应式web，这玩意有谁开发过实战项目吗？

我前端做了有十多年了，响应式技术大概2010年出现的，我在这方面案例我经手大概有1000多个。

也正是基于这么多项目，我一直想整理一套快速前端开发框架，我也开发过不少响应式框架，不过近期的这个是我个人最满意的，它是kuapingUI跨屏ui框架

简单介绍一下

它不是一个再造的css框架，几乎没有学习成本，它是基于bootstrap的基础之上开发的大组件框架，比如新闻列表来说，就提供了十几种风格供你选择，非常的方便。

响应式布局

响应式网站主要针对于UI, UE级。响应式顾名思义是Html页面( web为主)可以针对不同设备的不同分辨率做出不同风格得展示形式。比如: PC屏幕分辨率常见的从1366* 768 - 1920*1080，平板，手机这些都有各自的屏幕分辨率。如果同一页面元素布局不做适配就会严重影响用户体验; 故此响应式布局便是主要解决这些问题。接下来我们讲一下具体响应式是如何做到响应的。

（jqueryfont）

响应式布局原理

响应式布局它内部是依据流式布局和自适应布局相结合。这些都是网页端常见的布局种类，那么什么是流式布局还有什么是自适应布局？

流式布局

依据 css 的 float(浮动属性)，就好比砌墙一样，一行一行的垒砖头。它可以自动的帮你把这些元素堆叠在一起。但是，如果容器宽高变化导致一行容不下子元素，那么子元素会自动排在下一行，然后页面布局就会错乱，这也是它的弊端。

自适应布局

依据 css3 的媒体查询 (media)，它可以针对不同的分辨率(自行设定) 来展示不同的样式。这样的话就可以弥补流式布局的缺陷，但是它只是强制更改 css 属性使元素达到目的，总得来说延展性不好(需要写很多适配代码)。但这本身并不是它的缺陷，因为它关注的是适配不同设备的分辨率。

响应式布局(栅格)

结合前两种，便出现了响应式的布局，这样既能够自动的排列元素，并且可以自动适应不同的容器。将元素按照屏幕分辨率的百分比分成若干份( bootstrap为12，element为24，ant design为 24)，然后浮动子元素让其填充容器，配合着媒体查询，将容器的宽度进行自动的更换，然后为不容宽度的容器改变其展示(交互方式)。这就是响应式原理，当然里面还有很多细节，在这就不展开细说。总之，响应式布局是目前主流的布局方式。我们接下来说下其代表: