都知道 "bootstrap" 响应式布局很酷，但是是怎么实现的呢？其官网首页有提到这一切的功劳都是来自于CSS 媒体查询（Media Query）。 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应 ...
分类：
Web程序 时间：
2019-09-01 12:27:30
阅读次数：
122
因为项目需要，别人想让我给他写一个个人博客，并且给了我一个其他人的网页，可以 " 点此查看 " 。有的同学可能说了，第三方博客框架这么多，为什么还要去手写的，你说这个有可能是没有看到打开这个博客。 样式介绍 给大家看一下这个网页的大体样式。 这个界面可以说是非常漂亮，整体也是一个响应式布局，总体来说 ...
分类：
Web程序 时间：
2019-08-24 10:21:29
阅读次数：
132
css 1、盒模型 2、flex 3、css单位 4、css选择器 5、bfc 清除浮动 6、层叠上下文 7、常见页面布局 8、响应式布局 9、css预处理，后处理 10、css3新特性 animation和transiton的相关属性 animate和translate 11、display哪些取... ...
分类：
其他好文 时间：
2019-08-22 01:01:09
阅读次数：
77
概述: Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 作用: 开发响应式的页面 响应式:就是一个网站能够兼容多个终端 节约开发成本,提高开发效率 入门: 下载BootStrap www.bootcss.com 官网地址 模版 ... ...
分类：
编程语言 时间：
2019-08-17 12:34:25
阅读次数：
63
flex-direction属性决定主轴的方向（即项目的排列方向）。 Flex-wrap:一行排不下的时候换行 justify-content属性定义了项目在主轴上的对齐方式。 align-items属性定义项目在交叉轴上如何对齐。 align-content属性定义了多根轴线的对齐方式。如果项目只 ...
分类：
其他好文 时间：
2019-08-17 12:28:56
阅读次数：
100
流式布局（百分比布局） 在CSS2时代就有，主要指的是将页面中元素的宽度以百分比表示并进行排版，可以在不同分辨率下显示相同的版式 响应式布局 关键技术是CSS3中的媒体查询，可以在不同分辨率下对元素重新设置样式（不只是尺寸），在不同屏幕下可以显示不同版式 举例： 可以实现不同尺寸屏幕下对不同元素的显 ...
分类：
其他好文 时间：
2019-08-14 16:41:19
阅读次数：
82
写在前面 家园的面试项目接近尾声了，剩下一个大模块（响应式布局）和两个小功能（下拉到一定程度获取新的信息、持续监听返回数据，当有更新时在页面上方提示） 听起来下拉到某个位置获取新信息是不难，但今天就遇到了两个问题： 1. 下拉过程中会不断发起url相同的请求，可能会有被拉黑的风险，并且影响实际性能。 ...
分类：
移动开发 时间：
2019-07-28 15:27:25
阅读次数：
1049
一点点补充 响应式缺点： 1、对于一些逻辑业务不同终端不同处理方式，不是很友好 例如：响应式设计并不利于百度的关键词优化和排名。因为用户在不同终端的搜索习惯不同，所以百度对移动网站和电脑网站的关键词处理策略也不相同。 2、响应式网站无法区分移动端，浪费带宽，加载耗时长。 响应式（自适应）设计的实现方 ...
分类：
其他好文 时间：
2019-07-25 16:14:41
阅读次数：
158
响应式概念： 一个网页可以兼容多种设备，而不是每一种设备写一套网页 常规的网站，大部分是1200px，缩小会出现横向滚动条，布局，样式全都不会改变 响应式和自适应的区别？ 响应式：1套代码 典型例子：intel官网 自适应：多套代码，根据不同的设备加载不同的代码 示例网站：大部分的网站都有，因为现在 ...
分类：
其他好文 时间：
2019-07-18 19:33:49
阅读次数：
113
