Z-index Flex布局 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex container） ...
分类：
其他好文 时间：
2018-09-27 20:12:01
阅读次数：
224
一、使用到的技术 html5 css3 javascript jquery bootstrap 第三方jquery插件 @media实现响应式布局 二、根据设计稿设计内容的宽度 PC端设计稿宽度是1920px的，这是在设计的时候根据电脑的浏览器分辨率来定的。 页面主体宽度（内容宽度）设置为1200p ...
分类：
其他好文 时间：
2018-09-22 23:49:12
阅读次数：
334
CSS基础 CSS语法 CSS的四种引入方式 css选择器 CSS属性操作 Caution! 后台管理布局 CSS响应式布局 CSS语法 CSS的四种引入方式 css选择器 CSS属性操作 Caution! 后台管理布局 CSS响应式布局 ...
分类：
编程语言 时间：
2018-09-18 19:13:15
阅读次数：
173
********Bootstrap框架******** ****Bootstrap介绍**** Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优... ...
分类：
其他好文 时间：
2018-09-13 22:37:16
阅读次数：
177
利用视口单位实现适配布局 by Tingglelaoo on 2017-04-28 响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配。即使是通过 rem 单位来 ...
分类：
其他好文 时间：
2018-09-10 13:29:04
阅读次数：
314
在做移动端页面布局的时候，需要做到响应式，也就是文字会随着页面的大小改变以后文字的大小和div的宽高等比例跟着改变。 rem 单位 是相对于html的font size的来的，所以用rem单位就可以实现。 我们只要把HTML的font size设置自适应，其他的单位用ren以后自然就能实现。 vw ...
分类：
移动开发 时间：
2018-09-09 16:51:04
阅读次数：
296
1.bootstrap的特点 1）bootstrap的兼容性 可以兼容现在所有的浏览器，包括ie7以及ie8 2）bootstrap：响应式布局 可以支持pc端的各种分辨率的显示，也支持移动端 3）组件 Bootstrap提供了很多的组件，方便使用者 4）内置jQuery组件 Bootstrap提供 ...
分类：
其他好文 时间：
2018-09-09 11:51:11
阅读次数：
115
一、静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚 ...
分类：
其他好文 时间：
2018-09-07 20:16:05
阅读次数：
219
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap？ 在Bootstrap出现之前： ...
分类：
其他好文 时间：
2018-09-07 10:55:59
阅读次数：
174
看过这篇文章，写的挺全面， 从几个方面分析响应式写法优劣，先收藏： http://caibaojian.com/web-app-rem.html 最终方案： ...
分类：
其他好文 时间：
2018-09-06 12:34:14
阅读次数：
148
