1.1 介绍 Bootstrap来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS和JAVASCRIPT的，它简洁灵活，使得web开发更加快捷。 中文官网：http://www.bootcss.com/ 官网：http://getbootstrap.com/ 推荐 ...
分类：
其他好文 时间：
2020-01-06 19:51:00
阅读次数：
90
原文:[UWP]XAML中的响应式布局技术 响应式布局的概念是一个页面适配多个终端及不同分辨率。在针对特定屏幕宽度优化应用 UI 时，我们将此称为创建响应式设计。WPF设计之初响应式设计的概念并不流行，那时候大部分网页设计师都按着宽度960像素的标准设计。到了UWP诞生的时候响应式布局已经很流行了，... ...
分类：
其他好文 时间：
2020-01-06 13:00:26
阅读次数：
105
移动端WEB开发之响应式布局 1. 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： + 小于768的为超小屏幕（手机） + 768~992之间的为小屏设备（平板） + 992~1200的中等屏幕（桌面显示器） ...
分类：
移动开发 时间：
2019-12-31 21:33:29
阅读次数：
85
1.栅格布局基本用法 container 居中容器 -row-col 2.列空格 3.列嵌套 4.列排序 5.清除浮动 6.禁止响应式布局 ...
分类：
其他好文 时间：
2019-12-29 12:38:26
阅读次数：
56
1.HTML Basic 搭建网页结构 静态网页结构 2.Ajax异步数据请求 异步完成前后端的数据交互 3.项目1 mysql js nodejs html ajax 4.CSS3 美化HTML页面 5.Bootstrap CSS框架，响应式布局 6.项目2 使用Boot完成学子商城 二.web基 ...
分类：
Web程序 时间：
2019-12-21 22:25:39
阅读次数：
291
基本的概念：一个网站可以兼容多个终端，针对不同终端设置不同的样式。 优点： 面对不同分辨率设备灵活性强； 能够快捷解决多设备显示适用问题； 缺点： 兼容各种设备，效率低下； 代码累赘； 实现响应式布局的三种方式 1. CSS3-Media Query（最简单的方式，但是无法满足很多需求） 2. 借助 ...
分类：
Web程序 时间：
2019-12-18 11:03:26
阅读次数：
86
[toc] 日考题(知识点):house:? 1.http 与 https 与 : 一个是应用层, 传输层, 协议传输层采用的是 的特点: 无状态 无连接 先客户端发送请求, 服务端一定做出响应 : 在 协议之上增加 安全认证 2.前端布局 流式布局 响应式布局 盒子模型布局: `padding b ...
分类：
Web程序 时间：
2019-12-16 17:48:36
阅读次数：
195
自适应： 不管屏幕多大，都尽量不换行，而只是横向缩放。 响应式： 屏幕变小了之后，属于同一行的元素受到挤压后，行的右边元素自动换行显式； 屏幕大了后，本属于同一行的元素尽可能的排在同一行内； bootstrap是依赖jquery的，使用时先装上jquery。 Boostrap的“栅栏”模式 Boos ...
分类：
其他好文 时间：
2019-12-16 09:51:11
阅读次数：
108
把响应式布局和动画放在一起写是因为他们有个共同点 符号 先讲讲响应式布局 响应式布局==曾经==非常的流行，这种布局方式可以做出一也兼容一切设备的页面，但是当页面的功能越来越多，css文件越来越大，兼容难度越来越大，js也会很难写，于是他们离开了历史的舞台， 如今流行的还是 ，pc用css适配实现， ...
分类：
Web程序 时间：
2019-12-13 23:19:50
阅读次数：
129
百分比布局+媒体查询 首先通过媒体查询确认container的宽度，每个col-xx-xx都是通过百分比定义的，屏幕尺寸变化了，container就变化了，col自然就变了 Bootstrap的官方解释：Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport ...
分类：
其他好文 时间：
2019-12-08 17:26:52
阅读次数：
91
