<div class="row"> <div class="box1 col-xs-12 col-md-4">A</div> <div class="box2 col-xs-12 col-md-8 col-sm-3">B</div> <div class="col-xs-12 col-sm-3">C ...
分类：
其他好文 时间：
2021-06-28 19:47:06
阅读次数：
0
HTML5是目前超文本标记语言 (Hyper Text Markup Language)最新修订版。HTML可以理解为一门程序语言，HTML5字面的意思，这门程序语言的第五次修订，也是HTML的第五个版本。 广义上，可以理解成HTML5、CSS、Javascript的组合，是Web前端开发的必备技能 ...
分类：
Web程序 时间：
2021-04-19 14:31:32
阅读次数：
0
Flex布局的基本内容： felx布局意为“弹性布局”，主要用于为盒状模型提供最大的灵活性。被广泛的应用于移动端，PC端的响应式布局。 首先：定义盒子为flex布局： .box{ display:flex; // 行内元素也可使用flex布局 // display:inline-flex;} 设置为 ...
分类：
其他好文 时间：
2021-02-02 10:31:03
阅读次数：
0
2021春招冲刺 12.27日 1.JS | 数组去重 2.CSS| 响应式布局是如何实现的 3.css | 如果期望以下的div，该如何书写样式 <div class='container'></div> 1.在视口宽度 ?750px展示为长宽都为200px的红色方块 2.在视口宽度 >750px ...
分类：
其他好文 时间：
2021-01-01 11:56:46
阅读次数：
0
响应式布局 响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是css写的比较多。 响应式设计与自适应设计的区别： 响应式开发一套界面，通过检测视口分辨率，针对不同客户端再客户端做代码处理，来展示不同的布局 ...
分类：
其他好文 时间：
2020-11-06 01:38:01
阅读次数：
19
@media 基本语法：@media 限制条件 and （判断条件）{需要改变的css样式} 例子：@media all and (max-width:375px) and (min-width:750px){ p img }//就是个乱写的例子，只是为了更好的记住具体格式，并且特别提示一下可以带多 ...
分类：
其他好文 时间：
2020-09-17 14:00:05
阅读次数：
24
响应式布局 市场约定的适配手机、平板、pc设备 档位划分：三个节点，四个档位 超小屏手机：xs < 768px 小屏平板：768px ≤ sm＜ 992px 中屏pc电脑屏：992px ≤ md＜1200px 大屏pc：1200px ≤ lg＜1920px （element-ui里面划分了五个档位） ...
分类：
其他好文 时间：
2020-08-03 17:23:33
阅读次数：
79
首先先上代码 CSS.container { display: grid; grid-gap: 15px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-template-rows: repeat(2, 100px ...
分类：
Web程序 时间：
2020-07-28 14:25:33
阅读次数：
89
lorem3能生成以下三个单词 Lorem, ipsum dolor. 布局 表格布局 web2.0 divcss布局 响应式布局 (根据显示设备，自动调整) bootstrap 前端脚本语句javascript java 和 javascript? 前端 客户端javascript 浏览器 网页 ...
分类：
Web程序 时间：
2020-07-17 22:23:38
阅读次数：
85
Flex(弹性布局)，是一种响应式布局，能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中，水平方向称为主轴(main axis)(起点main start,终点main end)；垂直方向称为纵轴(cross ...
分类：
Web程序 时间：
2020-06-29 21:27:31
阅读次数：
87
